Graphics.js
Summary
No overview generated for 'Graphics.js'
draw2d.Graphics=function( jsGraphics, rotation, translation)
{
this.jsGraphics = jsGraphics;
this.xt= translation.x;
this.yt= translation.y;
this.radian = rotation*Math.PI/180;
this.sinRadian = Math.sin(this.radian);
this.cosRadian = Math.cos(this.radian);
}
draw2d.Graphics.prototype.setStroke=function( x)
{
this.jsGraphics.setStroke(x);
}
draw2d.Graphics.prototype.drawLine=function( x1, y1, x2, y2)
{
var _x1 = this.xt+x1*this.cosRadian-y1*this.sinRadian;
var _y1 = this.yt+x1*this.sinRadian+y1*this.cosRadian;
var _x2 = this.xt+x2*this.cosRadian-y2*this.sinRadian;
var _y2 = this.yt+x2*this.sinRadian+y2*this.cosRadian;
this.jsGraphics.drawLine(_x1,_y1,_x2,_y2);
}
draw2d.Graphics.prototype.fillRect=function( x, y, w, h)
{
var x1 = this.xt+x*this.cosRadian-y*this.sinRadian;
var y1 = this.yt+x*this.sinRadian+y*this.cosRadian;
var x2 = this.xt+(x+w)*this.cosRadian-y*this.sinRadian;
var y2 = this.yt+(x+w)*this.sinRadian+y*this.cosRadian;
var x3 = this.xt+(x+w)*this.cosRadian-(y+h)*this.sinRadian;
var y3 = this.yt+(x+w)*this.sinRadian+(y+h)*this.cosRadian;
var x4 = this.xt+x*this.cosRadian-(y+h)*this.sinRadian;
var y4 = this.yt+x*this.sinRadian+(y+h)*this.cosRadian;
this.jsGraphics.fillPolygon([x1,x2,x3,x4], [y1,y2,y3,y4]);
}
draw2d.Graphics.prototype.fillPolygon=function( xArray, yArray)
{
var rotX = new Array();
var rotY = new Array();
for(var i= 0;i<xArray.length;i++)
{
rotX[i] = this.xt+xArray[i]*this.cosRadian-yArray[i]*this.sinRadian;
rotY[i] = this.yt+xArray[i]*this.sinRadian+yArray[i]*this.cosRadian;
}
this.jsGraphics.fillPolygon(rotX, rotY);
}
draw2d.Graphics.prototype.setColor=function( color)
{
this.jsGraphics.setColor(color.getHTMLStyle());
}
draw2d.Graphics.prototype.drawPolygon=function( xArray, yArray)
{
var rotX = new Array();
var rotY = new Array();
for(var i= 0;i<xArray.length;i++)
{
rotX[i] = this.xt+xArray[i]*this.cosRadian-yArray[i]*this.sinRadian;
rotY[i] = this.yt+xArray[i]*this.sinRadian+yArray[i]*this.cosRadian;
}
this.jsGraphics.drawPolygon(rotX, rotY);
}
Documentation generated by
JSDoc on Thu Feb 7 23:45:47 2008