一种用javaｓｃｒｉｐｔ绘制圆的方法

本文介绍了一种用javaｓｃｒｉｐｔ绘制圆环的方法，供大家参考：


您的浏览器不支持HTML5画布标记。
函数的袁欢（CTX、数据、选项）{
VaR好= option.cood；
VaR半径= option.radius；
无功lastpos = POS = 0；
对于（var i = 0；i < data.length；i++）{
Ctx.beginPath（）；
Ctx.moveTo（好的。X，Y好的。）；
ctx.fillstyle = {我}表格数据；
POS = lastpos +数学。π×2×数据{我}，价值/ 100；
Ctx.arc（好的。X，好的。Y，半径，lastpos，POS，假）；
Ctx.fill（）；
lastpos = POS；
}
Ctx.beginPath（）；
ctx.fillstyle =白色；
半径* 0.5；
Ctx.arc（好的。X，好的。Y，半径，0、数学。PI * 2，假）；
Ctx.fill（）；
}
var数据{
{背景：'yellowgreen，价值：30 }，
{背景颜色：绿色，价值：30 }，
{背景：''，价值：40 }
}；
VaR的画布document.getelementbyid（myCanvas）；
VaR CTX = canvas.getcontext（2D）；
袁欢（CTX、数据，{好：{ x：200、Y：200 }，半径：150 }）

希望本文能对大家的javaｓｃｒｉｐｔ程序设计有所帮助。