一、首先下载封装好的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,照着写即可
版权声明:本站所提供的文章、图片等内容均为用户发布或互联网整理而来,仅供学习参考,如有侵犯您的版权,请联系我们客服人员删除。