收藏
回答

canvas在开发工具中能正常显示,但是在手机预览显示不出来,2.9.1版本导出图片接口编辑器也报?

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

2 个回答

  • 芸
    2020-04-27

    wx.createSelectorQuery()

          .select('#mycanvas')

          .fields({

            node: true,

            size: true,

          })

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

    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

        this.render(canvas, ctx)

        // ctx.scale(dpr, dpr)

        const img = canvas.createImage()

        img.onload = () => {

          this._img = img

          ctx.drawImage(this._img, 65, 130, 620, 400)

          ctx.restore()

        }

    img.src = this.data.houseInfo.POSTER_IMAGE

    2020-04-27
    有用
    回复 1
    • 芸
      2020-04-27
      我的代码太长了 全都显示不下
      2020-04-27
      回复
  • 是小白啊
    是小白啊
    2020-04-27

    麻烦提供能复现问题的代码片段https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-04-27
    有用
    回复 2
    • 芸
      2020-04-28
      我的整个代码段中都没有用到ctx.draw(),因为我写上这方法之后就报错,ctx.draw is not a function;at SelectorQuery callback function
      TypeError: ctx.draw is not a function,我不知道该怎么用
      2020-04-28
      回复
    • 芸
      2020-04-28
      https://developers.weixin.qq.com/s/uzfezWmA7mg6   这是生成的代码片段,多谢指导
      2020-04-28
      回复
登录 后发表内容
问题标签