A rx ry x-axis-rotation large-arc-flag sweep-flag x y 以第一段弧为例,各参数说明如下: ◆ rx和ry:弧的半长轴和半短轴长度,由于我们画的是正圆,所以我们用的都是31; ◆ x-axix-rotation:此段弧的x轴与水平方向夹角,由于我们画的是正圆,所以此参数没用,填了0; ◆ large-arc-flag:大角度弧线还是小角度弧线,简单点说就是画圆的哪半边,1表示大角度。由于我们画的是65%的弧,是比较大的那半个弧,所以填了1。程序
本文实例为大家分享了微信小程序动画之圆形进度条,供大家参考,具体内容如下
上图:
代码:
js:
//获取应用实例
var app = getApp()
var interval;
var varName;
var ctx = wx.createCanvasContext('canvasArcCir');
Page({
data: {
},
drawCircle: function () {
clearInterval(varName);
function drawArc(s,