Я чувствую, что могу неправильно понимать контексты холста, но я уверен, что что-то подобное должно быть возможным.
Я играю в шахматы. Эта шахматная игра основана на холсте.
При создании шахматной фигуры я запускаю следующий код (внутри класса для фигуры):
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
возвращает контекст, но перевод не имеет никакого эффекта.
Любая помощь будет оценена или альтернативных решений.