收藏
回答

canvas渲染数字不能显示的bug什么时候能修复?

2D渲染时canvas fillText数字、符号不显示的问题什么时候能修复啊?

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

2 个回答

  • 相如倚墨
    相如倚墨
    03-10

    Page({

    onLoad: function () {

    this.device = wx.getSystemInfoSync()

    // 通过 SelectorQuery 获取 Canvas 节点

    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)

    const renderLoop = () => {

    this.render(ctx)

    canvas.requestAnimationFrame(renderLoop)

    }

    canvas.requestAnimationFrame(renderLoop)

    },


    render(ctx) {

    ctx.clearRect(0, 0, this.device.windowWidth, this.device.windowHeight)

    this.drawText(ctx)

    },


    drawText(ctx) {

    ctx.fillStyle = 'red'

    ctx.font = '20px sans-serif'

    ctx.fillText('123,hi起来', 100, 100)

    }

    })


    03-10
    赞同
    回复
  • 做你的太阳ღ₅₂₀¹³¹⁴
    做你的太阳ღ₅₂₀¹³¹⁴
    03-10

    写个代码片段呗 老哥。

    03-10
    赞同
    回复 2
登录 后发表内容
问题标签