摘要：
简化作图步骤，重写作图函数(画一个三角形)：functionDrawTriangle(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]);}}把这个函数写进“bigengineer.js”中。下面是更多的实例，这些例子都很有代表性，一通百通：4、画个三角形：<html><head><title>Google搜索：HTML 5金海龙</title><scriptt 阅读全文
摘要：
简化作图步骤，重写作图函数：functionDrawRect(Canvas,A,C){//画个矩形,“A、C”是对顶点varp1,p2=newArray(2);p1=GetSmallest(A,C);p2=GetBiggest(A,C);with(Canvas){rect(p1[0],p1[1],p2[0]-p1[0],p2[1]-p1[1]);}}其中所用到的两个函数如下：functionGetSmallest(A,B){vari,co,i1,i2;varR=newArray(2);//返回P中X最小和Y最小的数，然后组成新的点返回R[0]=A[0];R[1]=A[1];if(B[0]< 阅读全文
摘要：
由于HTML5提供的画线段函数太麻烦，所以需要封装一下：functionDrawLine(Canvas,A,B){//画一条线段,“A、B”是这条线段的端点with(Canvas){moveTo(A[0],A[1]);lineTo(B[0],B[1]);}}把这个函数写进“bigengineer.js”中。下面是更多的实例，这些例子都很有代表性，一通百通：2、画一条线段：<html><head><title>Google搜索：HTML 5金海龙</title><scripttype="text/javascript"sr 阅读全文
摘要：
从这篇文章开始，你们会看到权威的HTML5 Canvas作图技术，下面是相关图片： 画布上有一点p(19,82)，在JavaScript中表示？可以用以下方式：varp=newArray(2);p[0]=19;p[1]=82;这一点也能被作为“绘图函数的参数”，看下面的内容：functionDrawP(Canvas,P){//在点P处画一个点with(Canvas){moveTo(P[0],P[1]);lineTo(P[0]+1,P[1]+1);}}调用方法：DrawP(Canvas,P);下面是更多的实例，这些例子都很有代表性，一通百通：1、在画布的(50,50)处，画一个点:<htm 阅读全文