小游戏离屏canvas渲染上屏时模糊,canvas画圆时存在锯齿
发布于 5 年前 作者 hshen 6154 次浏览 来自 问答


弹窗白色区域是一个离屏canvas,里面的文字都是模糊的



排名里面头像的圆是使用arc画出来的,弧度有锯齿,右侧赞一下那里也存在相同的情况

2 回复

我也遇到这个问题,上屏是没有这个问题,但离屏就出现,网上说的,放大倍数,设置像素这些都不起作用,请问你有什么办法解决吗???

下面的方法都不起作用的

var myCanvas = wx.createCanvas()

var canvasKContext = myCanvas.getContext(‘2d’)//创建离屏

var ratio = this.getPixelRatio(canvasKContext)

myCanvas.style.width = myCanvas.width + ‘px’

myCanvas.style.height = myCanvas.height + ‘px’

myCanvas.width = myCanvas.width * ratio

myCanvas.height = myCanvas.height * ratio

canvasKContext.scale(ratio, ratio);

canvasKContext.font = “18px Georgia”

canvasKContext.fillStyle = “#999”

canvasKContext.fillText(“我是清晰的”, 25 , 25 )

ctx.drawImage(myCanvas, 0, 0)//把离屏绘制到上屏上

回到顶部