本文实例为大家分享了微信小程序画布圆形进度条展示的具体代码,供大家参考,具体内容如下
<>强效果图:
<强>代码:
wxml
& lt; !——页面/测试/test.wxml——比;
& lt;帆布canvas-id=" canvasid "祝辞& lt;/canvas>
js
//页面/测试/. js
var=new wx上下文。createCanvasContext (“canvasid”,这个);
var strat_num=1, end_num=20;
var sAngle=1.5 *数学。π,eAngle=0;
页面({
onReady:函数(){
this.canvas ()
}，
帆布:函数(){
var=这个;
如果(strat_num & lt;=end_num) {
控制台。日志(strat_num:, strat_num)
eAngle=strat_num * 2 *数学。π/end_num + 1.5 * Math.PI;
setTimeout(函数(){
context.setStrokeStyle (“# 00 ff00”)
context.setLineWidth (2)
上下文。fillText (strat_num * 5 & lt;=100 & # 63; strat_num * 5:100, 95年,95年)
上下文。弧(100、100、60、sAngle eAngle,假)
context.stroke ()
context.draw ()
that.canvas ()
strat_num + +
},200)
其他}{
控制台。日志(strat_num_end:, strat_num)
}
}
}）
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
