收藏
回答

Canvas 2绘制的文字模糊,怎么处理?

canvas2d模式绘制出来的文字会,模糊什么原因,用老版本的那个canvas是清晰的

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

3 个回答

  • xiaohai
    xiaohai
    2021-09-23

    wx.createSelectorQuery()

          .select('#canvas')

          .fields({

            node: true,

            size: true,

          })

          .exec(this.init.bind(this))

    init(res) {

        const width = res[0].width

        const height = res[0].height


        const canvas = res[0].node

        const ctx = canvas.getContext('2d')


        const dpr = wx.getSystemInfoSync().pixelRatio

        canvas.width = width * dpr

        canvas.height = height * dpr

        ctx.scale(dpr, dpr)

     },


    2021-09-23
    有用 2
    回复 1
  • 在劫难逃的天真
    在劫难逃的天真
    2020-04-09

    老哥 我也遇到了这个问题 怎么解决的呢 那个dpr 都在什么时候需要处理使用呢

    2020-04-09
    有用
    回复 1
    • Y.H.
      Y.H.
      2020-04-10
      官方的2d例子里好像有你可以看看
      2020-04-10
      回复
  • Y.H.
    Y.H.
    2020-03-20

    原来忘了处理dpr了

    2020-03-20
    有用
    回复 3
    • 🍺
      🍺
      2020-06-30
      小程序上怎么处理dpr啊?
      2020-06-30
      回复
    • Y.H.
      Y.H.
      2020-06-30回复🍺
      官方有例子我记得
      2020-06-30
      回复
    • 郭伟伟
      郭伟伟
      2021-06-22
      怎么处理啊,我也遇到了,请赐教
      2021-06-22
      回复
登录 后发表内容
问题标签