html52.com
我爱小程序-开发者交流社区

小游戏离屏canvas渲染上屏时模糊,canvas画圆时存在锯齿

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


弹窗白色区域是一个离屏canvas,里面的文字都是模糊的排名里面头像的圆是使用arc画出来的,弧度有锯齿,右侧赞一下那里也存在相同的情况

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


网友回复

mantou:

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

下面的方法都不起作用的

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)//把离屏绘制到上屏上


评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付