存储画布上下文并稍后编辑属性

Question

我觉得我可能对画布的上下文有误解，但是我确信这样的事情一定是可能的。

我正在下棋。该国际象棋游戏基于画布。

创建国际象棋“棋子”时，我运行以下代码（在棋类中）：

draw (canvas_id) {
    let canvas = document.getElementById(canvas_id);
    let ctx = canvas.getContext('2d');
    if (canvas.getContext) {
        ctx.font = "20px Arial";
        ctx.textAlign = "center";
        ctx.textBaseline = "middle";
        ctx.fillStyle = this.color;
        ctx.fillText(this.text, this.point.x, this.point.y);
        this.ctx = ctx;
    }
}

然后我希望以后能够翻译此项目。这些在画布上有多个。我所做的是：

move (diff_x, diff_y) {
    this.ctx.translate(diff_x, diff_y);
}

this.ctx确实返回上下文，但是翻译没有任何效果。

任何帮助或替代解决方案将不胜感激。