在自定义组件中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>


展开全部
收起
1回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Madeline

    13人对此回答表示赞同


    文档链接:

    展开
    13
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部