Перевод html5 холста
Я хочу знать, как я могу перевести всю сцену, уже продвинутую html5 холст, например, 5 пикселей вниз. Я знаю, что переводить метод просто переводит систему координат холста, но я хочу знать, существует ли способ перевести всю сцену, которая уже оттянута на холст.
2 ответа
Вы можете применить преобразования и вызвать drawImage, передав его в самом холсте.
ctx.save();
ctx.translate(0, 5);
ctx.drawImage(canvas, 0, 0);
ctx.restore();
При этом исходное содержимое все равно окажется внизу. В зависимости от эффекта, которого вы пытаетесь достичь, установка globalCompositeOperation может помочь вам в этом.
Но, скорее всего, вам придется использовать drawImage, чтобы сначала скопировать на второй холст, очистить текущий, применить трансформацию и рисовать с копии.
Нет, если вы не сделаете снимок экрана и не переведете его.
Однако простая вставка
context.translate(0, 5)// or your values
прямо перед кодом рисования должна помочь.