效果图如下
小程序官方文档一些 tips
tip:同一页面中的 canvas-id 不可重复,如果使用一个已经出现过的 canvas-id,该 canvas 标签对应的画布将被隐藏并不再正常工作。
canvas-id 是canvas 组件的唯一标识符,(若指定了 type 则无需再指定该属性)。
我遇到的几个小问题
我跟着别人的代码写的,写完不显示,后来发现canvas-id我写做了canvas_id,导致了JS找不到canvas元素。后来我又用canvas-id的值作为ID值赋CSS样式也没有成功,又加了class。canvas_id和id不是一回事。在小程序以外的页面canvas是用id做标识符来确定绘制上下文的区域的。
代码如下
<view class="progress_box">
<canvas canvas-id="progress_bg" class="progress_bg"></canvas>
<canvas canvas-id="progress_canvas"></canvas>
<view c