![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Canvas 金海龙
文章平均质量分 74
HTMLCanvas
这个作者很懒,什么都没留下…
展开
-
画段弧线 - HTML5 Canvas 作图
6、function DrawArc(Canvas,O,Radius,startAngle, endAngle, anticlockwise)功能:画段弧线参数:startAngle:起始角度; endAngle:终止角度;anticlockwise:是否按照逆时针方向画弧;源代码:function DrawArc(Canvas,O,Radius,startAn原创 2012-08-13 14:30:16 · 791 阅读 · 0 评论 -
在网页上画一条线段(HTML5 Canvas作图)
由于HTML5提供的画线段函数太麻烦,所以需要封装一下:function DrawLine(Canvas,A,B){//画一条线段,“A、B”是这条线段的端点with (Canvas) { moveTo(A[0],A[1]); lineTo(B[0],B[1]); }} 把这个函数写进“bigengineer.js”中。下面是更多的实例,这些例子都很有代原创 2012-08-13 14:56:33 · 1000 阅读 · 0 评论 -
画闭合的多边形 - HTML5 Canvas 作图
10、function DrawPolygon(Canvas,P)功能:画闭合的多边形参数:P是一个包含各个顶点坐标的数组实例:bigengineer.js">var c=document.getElementById("cc");var hb=c.getContext("2d");var P=new Array(12);P[0]=10;P[原创 2012-08-13 14:35:29 · 1443 阅读 · 0 评论 -
在网页上画一个三角形(HTML5 Canvas作图)
简化作图步骤,重写作图函数(画一个三角形): function DrawTriangle(Canvas,A,B,C){//画个三角形,“A、B、C”是顶点with (Canvas) { moveTo(A[0],A[1]); lineTo(B[0],B[1]); lineTo(C[0],C[1]); lineTo(A[0],A[1]); }} 把这个函原创 2012-08-13 14:49:54 · 1529 阅读 · 0 评论