在网页上画一个矩形(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]);

 }

}

其中所用到的两个函数如下：

function GetSmallest(A,B)

{

var i,co,i1,i2;

var R=new Array(2);

//返回P中X最小和Y最小的数，然后组成新的点返回

R[0]=A[0];

R[1]=A[1];

 

if (B[0]<R[0])

{

i1=B[0];

}

else

{

i1=R[0];

}

 

if (B[1]<R[1])

{

i2=B[1];

}

else

{

i2=R[1];

}

 

R[0]=i1;

R[1]=i2;