48 lines
1.9 KiB
JavaScript
48 lines
1.9 KiB
JavaScript
function Guide(position = new Position(),rect = new Rect(),color = new Color())
|
|
{
|
|
this.position = position;
|
|
this.rect = rect;
|
|
this.color = color;
|
|
|
|
this.draw = function(context)
|
|
{
|
|
context.beginPath();
|
|
|
|
if((this.position.x < 0 || this.position.y < 0) && (this.rect.w > 0 || this.rect.h > 0)){
|
|
var new_x = this.position.x < 0 ? canvas.width - Math.abs(this.position.x) - this.rect.w : this.position.x;
|
|
var new_y = this.position.y < 0 ? canvas.height - Math.abs(this.position.y) - this.rect.h : this.position.y;
|
|
context.moveTo(new_x,new_y);
|
|
context.lineTo(new_x + this.rect.w,new_y);
|
|
context.lineTo(new_x + this.rect.w,new_y + this.rect.h);
|
|
context.lineTo(new_x,new_y + this.rect.h);
|
|
context.lineTo(new_x,new_y);
|
|
}
|
|
else if(this.position.x > 0 && this.position.y > 0 && (this.rect.w > 0 || this.rect.h > 0)){
|
|
context.moveTo(this.position.x,this.position.y);
|
|
context.lineTo(this.position.x + this.rect.w,this.position.y);
|
|
context.lineTo(this.position.x + this.rect.w,this.position.y + this.rect.h);
|
|
context.lineTo(this.position.x,this.position.y + this.rect.h);
|
|
context.lineTo(this.position.x,this.position.y);
|
|
}
|
|
else if(this.position.x > 0 && this.position.y > 0){
|
|
context.moveTo(this.position.x,this.position.y);
|
|
context.lineTo(this.position.x + 10,this.position.y);
|
|
context.lineTo(this.position.x,this.position.y + 10);
|
|
context.lineTo(this.position.x,this.position.y);
|
|
}
|
|
else if(this.position.x > 0 && this.position.y === 0){
|
|
context.moveTo(this.position.x,0);
|
|
context.lineTo(this.position.x,canvas.height);
|
|
}
|
|
else if(this.position.x === 0 && this.position.y > 0){
|
|
context.moveTo(0,this.position.y);
|
|
context.lineTo(canvas.width,this.position.y);
|
|
}
|
|
|
|
context.lineCap="round";
|
|
context.lineWidth = 1;
|
|
context.strokeStyle = this.color.rgba();
|
|
context.stroke();
|
|
context.closePath();
|
|
}
|
|
} |