大佬教程收集整理的这篇文章主要介绍了html5 绘制椭圆,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
最近的项目要使用html5 绘制椭圆,参考网上的例子发现可以使用贝塞尔曲线绘制,不过要绘制四条贝塞尔曲线。
在html5的过程中发现可以使用绘制圆形的方式来绘制椭圆
html5中绘制圆的函数如下:
arc(x,y,r,start,end,clockwisE);具体函数的含义请自行查看,
实现的具体代码如下:
/** * * @param x 中心 x坐标 * @param y 中心 y坐标 * @param a 椭圆 a * @param b 椭圆 b * @param arcStart 起始角度 * @param arcEnd 结束角度 * @param clockwise 是否逆时针 */ CanvasRenderingContext2D.prototype.ellipse=function(x,a,b,arcStart,arcEnd,clockwisE) { var scale = b/a; this.save(); this.scale(1,scalE); this.arc(x,y/scale,clockwisE); this.restore(); }
以上是大佬教程为你收集整理的html5 绘制椭圆全部内容,希望文章能够帮你解决html5 绘制椭圆所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。