canvas arc 绘制饼图问题
发布于 5 年前 作者 na79 5747 次浏览 来自 问答

var context = wx.createCanvasContext(‘pie’);

    context.beginPath();

    context.arc(100, 100, 50, 0, Math.PI, false);//下半圆

    context.lineTo(100, 100);

    context.setFillStyle("#333333");

    context.fill();

    context.arc(100, 100, 50, Math.PI, Math.PI, false);//上半圆

    context.lineTo(100, 100);

    context.setFillStyle("#999999");

    context.fill();

    context.closePath();

    context.draw();

代码如上所示,从三点钟方向开始,方向逆时针,第一个半圆从0开始,走PI,第二个半圆从PI开始,再走PI,最后变成一个整圆,现在的问题是第二个半圆还是从0走,并没有向前移动,如果切成几个扇形bug更多,不知是我代码有问题还是arc有bug,求大神解答

2 回复

感谢大神!我记得上次第四个参数还是滑的距离,现在变成据起点距离了,感谢感谢

context.arc(100, 100, 50, Math.PI, __2*__Math.PI, false);//上半圆

回到顶部