微信小程序分享19:canvas画布

2022-03-08 11:52:33 浏览数 (1)

canvas画布

index.wxml:

canvas有了id,用于标识是屏幕上的哪一块画布。

绘制是调用的微信的接口:

小程序其它控制获取数据或动作,都是以绑定的方式,只有canvas画布是需要主动调用它。调用标识便是canvas-id。

练习:如果我们想改变绘制线条的宽度,怎么做?

定制一个data数据属性:

然后bindchange一个slider:

在slider的值改变时自动重绘:

重绘是擦除绘制,不是增量绘制。

练习:如果想增量绘制,怎么做?

0 人点赞