收藏
回答

canvas arc 绘制饼图问题

问题模块
API和组件


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,求大神解答


最后一次编辑于  2017-08-31  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • 该账户已注销
    该账户已注销
    2017-08-31

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

    2017-08-31
    赞同
    回复
  • 曾华经
    曾华经
    2017-08-31

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

    2017-08-31
    赞同
    回复