收藏
回答

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


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



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


回答关注问题邀请回答
收藏

2 个回答

  • mantou
    mantou
    2018-08-01

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

    下面的方法都不起作用的

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


    2018-08-01
    有用
    回复
  • 灵芝
    灵芝
    2018-07-12

    你好,建议参考:

    https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=0008acea188b48e8c4969d96056400&highline=canvas%E6%A8%A1%E7%B3%8A

    2018-07-12
    有用
    回复 1
    • x
      x
      2018-07-12

      你好,我适配处理是用 / 计算的倍数的方法的,他帖子回答中的放大画布请问指的是什么,能否详细说明一下么

      2018-07-12
      回复
登录 后发表内容