今天小编跟大家讲解下有关canvas实现圆绘制的示例代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关canvas实现圆绘制的示例代码 的相关资料,希望小伙伴们看了有所帮助。
arc
语法:arc(x, y, radius, startAngle, endAngle, anticlockwise)
前面两个参数是x坐标 y坐标 第三个参数是半径 第四个参数是开始的弧度 第五个参数是结束的弧度 第六个参数是顺时针还是逆时针 默认是顺时针。
看下面代码 这样就能绘制一个圆了。
ctx.arc(100, 100, 50, 0, 2 * Math.PI)ctx.stroke()效果图:
这里要说明的一点是 不管顺时针还是逆时针 圆的弧度的位置是不变的 不会因为顺势转或者逆时针而改变 0.5pi的位置
ctx.arc(100, 100, 50, 0, 1.5 * Math.PI)ctx.stroke()ctx.arc(100, 100, 50, 0, 1.5 * Math.PI,true)ctx.stroke()上面代码第一个是顺时针绘制的 3/4 个弧度 用逆时针的话就是 1/4 个弧度 它的意思是从 0 开始 顺时针到 1.5pi的位置
以上就是本文的全部内容 希望对大家的学习有所帮助 也希望大家多多支持爱蒂网。
来源:爱蒂网