组件中使用canvas没有反应？
发布于 6 年前 作者 ping62 8614 次浏览 来自 问答

你好！

    我在component里使用了一下canvas。但是除了画布显示外，其它所有的绘图都不显示~。

3 回复

你好，请仔细阅读文档：https://developers.weixin.qq.com/miniprogram/dev/api/canvas/create-canvas-context.html

小程序简单绘图，通过 json 方式绘制一张朋友圈分享图 楼主了解一下

✨

 

✨

Edit

https://github.com/AfanSama/esay-canvas

我把这个方法放到Page中就起作用了！具体不知道原因。

const app = getApp()
 
Page({
  data: {
 
  },
  onLoad: function () {
    console.log('代码片段是一种迷你、可分享的小程序或小游戏项目，可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题和 Bug 等。可点击以下链接查看代码片段的详细文档：')
    console.log('https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html')
  },
    draw() {
      console.log("draw")
      var context = wx.createCanvasContext('firstCanvas')
      context.fillText("hello", 20, 20)
      context.stroke()
      context.draw()
    }
})
回到顶部