收藏
回答

自定义组件中wx.drawCanvas没有效果,应该如何调用

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug canvas 客户端 6.6.6 1.9.1

- 当前 Bug 的表现(可附上截图)

在自定义组件中wx.drawCanvas不起作用,也不报错。

- 预期表现

在普通page中,此API接口可以正常调用。但是在自定义组件的methods中无法正常使用,期望wx.drawCanvas可以画出图

- 复现路径


- 提供一个最简复现 Demo

start: function(e){

this.setData({

oldX:e.touches[0].x,

oldY:e.touches[0].y

})

ctx.setStrokeStyle(this.data.color);

ctx.setLineWidth(this.data.width);

ctx.setLineCap('round');

ctx.moveTo(e.touches[0].x, e.touches[0].y);

},

//移动

move: function(e){

ctx.moveTo(this.data.oldX,this.data.oldY);

ctx.lineTo(e.touches[0].x,e.touches[0].y);

ctx.stroke();

wx.drawCanvas({

canvasId: "paint",

actions: ctx.getActions(),

reserve: true

})

this.setData({

oldX: e.touches[0].x,

oldY: e.touches[0].y

})

},

//触摸结束

end: function(e){

},

wxml中:

<canvas canvas-id='paint' disable-scroll='true' style='width:750rpx;height:800rpx' bindtouchstart='start' bindtouchmove='move' bindtouchend='end'></canvas>


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

2 个回答

登录 后发表内容