長方形を描いて消し、キャンバスに別の長方形を再描画しようとしました。
この 3 つの操作の結果、2 つの長方形ができます。
Html 5 api javascript : http://pastebin.com/Qgf38C7m
function Oggetto(idname,nome,posizione_x,posizione_y,width,height,doption){
this.nome = nome ;
this.posizione_x = posizione_x ;
this.posizione_y = posizione_y ;
this.width = width ;
this.height = height ;
this.doption = doption ;
this.idname = idname ;
console.log(this.idname);
this.context = document.getElementById(idname).getContext("2d");
}
Oggetto.prototype.draw = function () {
};
Oggetto.prototype.clear = function () {
};
function Entita(idname,nome,posizione_x,posizione_y,width,height,doption){
Oggetto.call(this,idname,nome,posizione_x,posizione_y,width,height,doption);
}
Entita.prototype.draw = function (){
this.context.rect(this.posizione_x,this.posizione_y,this.width,this.height);
this.context.stroke();
};
Entita.prototype.clear = function () {
// this.context.clearRect(this.posizione_x, this.posizione_y, this.width, this.height);
//Richiamo il metodo per la creazione di un rettangolo con background
this.context.clearRect(this.posizione_x-4, this.posizione_y-4, this.width+10, this.height+10);
};
Entita.prototype.enlarge = function (w,h) {
this.clear();
this.width = w;
this.height = h;
this.draw();
};
Entita.prototype = new Oggetto();
それを呼び出すJavaScriptコード:
e =new Entita("ke","pio",10,10,100,100,"prova");
e.draw();
e.enlarge(400,200);
結果: