var ctx;
onLoad: function (options) {
ctx = wx.createCanvasContext('myCanvas');
this.Draw();
},
Draw: function () {
debugger
let colors = ["#6A0000", "#900000", "#902B2B", "#A63232", "#A62626", "#FD5039", "#C12F2A", "#FF6540", "#f93801"];
let colornum = colors[~~(Math.random() * colors.length)];
ctx.setFillStyle(colornum)
ctx.fillRect(10, 10, 150, 100)
ctx.draw(false, this.Draw);
},
这时Draw()方法调用2次后停止,请问这是啥问题?应该无限调用啊!
我也遇到这个问题,现在处理的方法是只draw一次,生成图片缓存起来,下次直接显示图片不再draw。ctx.draw(true, setTimeout(function(){that.Draw()},300));这样子
麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题
wechatide://minicode/3pavxxmc7sxQ
ctx.draw(false, this.Draw() );,这样就可以了,但是这是十分损耗性能的,不建议这样操作
谢谢
意思是建议draw只调用一次吗??