Хранение контекста холста и редактирование атрибутов позже - PullRequest
1 голос
/ 26 апреля 2019

Я чувствую, что могу неправильно понимать контексты холста, но я уверен, что что-то подобное должно быть возможным.

Я играю в шахматы. Эта шахматная игра основана на холсте.

При создании шахматной фигуры я запускаю следующий код (внутри класса для фигуры):

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 возвращает контекст, но перевод не имеет никакого эффекта.

Любая помощь будет оценена или альтернативных решений.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...