小程序
小游戏
企业微信
微信支付
扫描小程序码分享
你好！
我在component里使用了一下canvas。但是除了画布显示外，其它所有的绘图都不显示~。
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
小程序简单绘图，通过 json 方式绘制一张朋友圈分享图 楼主了解一下✨ ✨
Edit
https://github.com/AfanSama/esay-canvas
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
你好，请仔细阅读文档：https://developers.weixin.qq.com/miniprogram/dev/api/canvas/create-canvas-context.html
哦哦。多谢。当时我看这个文件，还以为这个"组件内"是指<canvas> 的字节点的意思！谢谢了！
我把这个方法放到Page中就起作用了！具体不知道原因。
const
app = getApp()
Page({
data: {
},
onLoad:
function
() {
console.log(
'代码片段是一种迷你、可分享的小程序或小游戏项目，可用于分享小程序和小游戏的开发经验、展示组件和 API 的使用、复现开发问题和 Bug 等。可点击以下链接查看代码片段的详细文档：'
)
'https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html'
draw() {
"draw"
var
context = wx.createCanvasContext(
'firstCanvas'
context.fillText(
"hello"
,
20
context.stroke()
context.draw()
}
})
普通页面是可以的。做成组件就不好使了。
不要忘记this，第二个参数this。
thanks!
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
小程序简单绘图，通过 json 方式绘制一张朋友圈分享图 楼主了解一下✨ ✨
Edit
https://github.com/AfanSama/esay-canvas
你好，请仔细阅读文档：https://developers.weixin.qq.com/miniprogram/dev/api/canvas/create-canvas-context.html
哦哦。多谢。当时我看这个文件，还以为这个"组件内"是指<canvas> 的字节点的意思！谢谢了！
我把这个方法放到Page中就起作用了！具体不知道原因。
constapp = 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")varcontext = wx.createCanvasContext('firstCanvas')context.fillText("hello",20,20)context.stroke()context.draw()}})普通页面是可以的。做成组件就不好使了。
不要忘记this，第二个参数this。
thanks!