欢迎您光临本站
faddei头像
faddei

2021-07-10

评论者
微信小程序
0 1

一、首先下载封装好的js到utils文件夹下

1574063642675296.zip


二、在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,照着写即可

版权声明:本站所提供的文章、图片等内容均为用户发布或互联网整理而来,仅供学习参考,如有侵犯您的版权,请联系我们客服人员删除。

178

精彩推荐

暂无评论

文明用语