Javascript HTML5画布矩形删除和后绘制

我试图绘制一个矩形，擦除它，然后在画布上重新绘制另一个矩形。
这三个操作的结果是有两个矩形

Html 5 api javascript:

调用它的javascript代码：

 e =new Entita("ke","pio",10,10,100,100,"prova");   
 e.draw();
 e.enlarge(400,200);

结果：

---

由于使用当前工作路径绘制矩形，因此需要使用

beginPath

重置当前工作路径。否则，您只需向当前工作路径添加新的子路径，这就是为什么在

Entitia.draw中使用
stroke
绘制两个矩形的原因

Entita.prototype.draw = function () {
    this.context.beginPath();
    //Other statements for defining
    //current working path and stroking/filling
    //it
};

您可以始终使用
strokeRect
，以避免与当前工作路径的填充/笔划产生任何混淆，但是如果您计划在将来添加任意形状，最好只需添加行
this.context.beginPath（）
，作为
Entitia.draw
的第一条语句

Entita.prototype.draw = function () {
    this.context.beginPath();
    //Other statements for defining
    //current working path and stroking/filling
    //it
};

我在chrome和mozilla firefox上试用过。如果你使用
console.log（this.posizione_x-4，this.posizione_y-4，this.width+10，this.height+10），你会得到什么？（它是否与您首先绘制的矩形匹配）此上下文是什么？我没有看到它被初始化？对不起，所有的代码都是这个。Oggetto构造函数被调用两次，第一次是未定义所有参数（我认为对于prototype），第二次是针对e实例。