JavaScript 金海龙
文章平均质量分 76
HTMLCanvas
这个作者很懒,什么都没留下…
展开
-
画闭合的多边形 - 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 · 1451 阅读 · 0 评论 -
画正圆角矩形 - HTML5 Canvas 作图
function DrawRoundRect(Canvas,P1,P2,Radius) 功能:画正圆角矩形 参数:P1:矩形左上角坐标;P2:矩形右下角坐标; Radius:圆角大小 源代码: function DrawRoundRect(Canvas,P1,P2,Radius) { //画个圆角矩形 var A=new Array(Math.min(P1[0],P2[0]原创 2012-08-13 14:47:27 · 1635 阅读 · 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 · 1537 阅读 · 0 评论 -
在网页上画一个矩形(HTML5 Canvas作图)
简化作图步骤,重写作图函数: function DrawRect(Canvas,A,C) { //画个矩形,“A、C”是对顶点 var p1,p2=new Array(2); p1=GetSmallest(A,C); p2=GetBiggest(A,C); with (Canvas) { rect(p1[0],p1[1],p2[0]-p1[0],p2[1]-p1[1]);原创 2012-08-13 14:53:31 · 1057 阅读 · 0 评论 -
在网页上画一个点(HTML5 Canvas作图)
从这篇文章开始,你们会看到权威的HTML5 Canvas作图技术,下面是相关图片: 画布上有一点p(19,82),在JavaScript中表示?可以用以下方式: var p=new Array(2); p[0]=19; p[1]=82; 这一点也能被作为“绘图函数的参数”,看下面的内容: function DrawP(Canvas,P) { //在点P处画一个点 w原创 2012-08-13 15:00:41 · 1936 阅读 · 0 评论 -
bigengineer.js - 金海龙HTML5 Canvas 作图函数库 2012版
/* 名称:金海龙HTML5 Canvas 作图函数库 2012版 版本:2.0 作者:金海龙(高级软件工程师) 博客:http://htmlcanvas.webgarden.com Google搜索:HTML Canvas 金海龙 类型:Web应用/绘图/源代码 开发平台:WinXP+Google浏览器 功能:为个人开发者提供简单的作图函数, 凡是支持HTML5的浏览器原创 2012-08-13 15:05:42 · 1944 阅读 · 0 评论 -
画段弧线 - 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 · 797 阅读 · 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 · 1011 阅读 · 0 评论