html5 绘制椭圆
来源:互联网 发布:淘宝不能用 编辑:程序博客网 时间:2024/05/01 11:36
最近的项目要使用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,y,a,b,arcStart,arcEnd,clockwise){ var scale = b/a; this.save(); this.scale(1,scale); this.arc(x,y/scale,a,arcStart,arcEnd,clockwise); this.restore();}
实现的核心代码是scale函数的使用,这个函数的意义是对当前画笔的x和y进行缩放,然后进行绘制,应当注意到的是会对圆心也进行缩放这点要注意。
0 0
- html5 绘制椭圆
- HTML5 Canvas 绘制椭圆与椭圆弧的实现
- 绘制椭圆
- HTML5 Canvas中绘制椭圆的5种方法
- 高速椭圆绘制程序
- c#绘制椭圆
- 拖动鼠标绘制椭圆
- QT绘制椭圆
- 绘制椭圆弧线
- ArcGISEngine绘制椭圆
- UIImage 绘制椭圆
- 【Unity3d】如何绘制椭圆
- 椭圆线条绘制动画
- MATLAB中绘制椭圆
- pygame绘制椭圆方法
- HTML5 Canvas里绘制椭圆并保持线条粗细均匀的方法
- 在HTML5的Canvas上绘制椭圆的几种方法
- 在HTML5的Canvas上绘制椭圆的几种方法(转)
- ios开发UI篇—在ImageView中添加按钮以及Tag的参数说明
- 图解mapreduce原理和执行过程
- MySQL无法重启问题解决Warning: World-writable config file ‘/etc/my.cnf’ is ignored
- Android访问网络 使用HttpURLConnection还是HttpClient?
- Spring MVC 4常用的那些注解 .
- html5 绘制椭圆
- J2EE:数据访问层的设计相关概念
- LeetCode—数组(1)
- IOS开发多线程GCD的学习(二)
- windows编程--网络编程学习--winsock编程(2)
- Android手机怎么获取打印机的IP地址呢
- Android中Java和JS双向调用
- js实现分享到人人网微信和qq等等
- 使用secureCRT连接Ubuntu服务器