HTML5绘制饼图示例(一)(二)

2014-11-24 02:04:03 · 作者: · 浏览: 4
ctx.stroke();
startPoint -= Math.PI*2*(data[i]/100);
}
}
drawCircle();

我们再来看看效果:



Canvas绘制饼图掌握这么多基本就够了,可以处理常见的数据统计了,只要注意这里我们扇形划分是按照百分比进行的,那么你可以根据自己的需求灵活处理。对于其实位置和方向的调整也很简单,调整几个参数即可。
第二部分将结合CSS3来制作一个完整的示例。欢迎交流,本示例系作者的实践探究,希望对使用者有用。