小程序
小游戏
企业微信
微信支付
扫描小程序码分享
canvas放在自定义组件中,再在page中使用该自定义组件,canvas绘制不出来
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这个是component.wxml
和component.wxss
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
请上代码,应该不是你说的问题,canvas放到自定义组件是可以绘制的,我目前有个项目都是在自定义组件完成的
可以的 我就是在组件里玩的
不行那是你代码写的有问题,自定义组件用canvas可以正常使用。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这个是component.wxml
和component.wxss
请上代码,应该不是你说的问题,canvas放到自定义组件是可以绘制的,我目前有个项目都是在自定义组件完成的
initCanvas: function () {
console.log("initcanvas")
let ctx = wx.createCanvasContext('can-dashboard',this); //将当前自定义组件的 this 传递过去
//填充背景色
let grd = ctx.createLinearGradient(0, 0, 0, 380)
grd.addColorStop(0, '#00f');
grd.addColorStop(0.2, '#0f0');
grd.addColorStop(0.4, '#f00');
grd.addColorStop(0.6, '#0ff');
grd.addColorStop(0.8, '#f0f');
grd.addColorStop(1, '#ff0');
ctx.setFillStyle(grd);
//填充
ctx.fillRect(0, 0, 300, 300);
//画
ctx.draw();
//背景色画好了,可以获取其他信息了
},
//component.wxml
可以的 我就是在组件里玩的
不行那是你代码写的有问题,自定义组件用canvas可以正常使用。