一、首先下载封装好的js到utils文件夹下
二、在wxml文件中创建画布
<canvas canvas-id="runCanvas" id="runCanvas" class='canvasclass'></canvas>
可定义画布大小样式等，控制cancasclass样式即可，这里提供一个简单的样式
.cancasclass {
width: 100%;
height: 100px;
float: left;
}三、在当前页面的JS中如此引用即可
import Canvas from '../../utils/canvas.js' //引用圆环绘制JS
Page({
...Canvas.options,
//页面的初始数据
data: {
...Canvas.data,
},
//生命周期函数--监听页面加载
onLoad: function (options) {
this.draw('runCanvas',32,1000); //对应画布的ID，百分比进度，动画时长
},
})..Canvas.options,和...Canvas.data，照着写即可
版权声明：本站所提供的文章、图片等内容均为用户发布或互联网整理而来，仅供学习参考，如有侵犯您的版权，请联系我们客服人员删除。