平移屏幕画布

Question

我希望能够拥有一个比屏幕画布更大的屏幕外画布。屏幕上的画布将是我的视口，我想在屏幕外画布上平移。我想点击一个按钮，我希望视口移动到屏幕外画布的特定位置。知道这会怎么样？我不是在制作一个游戏，只是一个展开不同东西的大画布。

Answer 1

我设法通过以下链接中的步骤来完成此操作：

Panning and scrolling background images using the canvas element

本教程讲述了如何使用图像平移背景。我用屏幕外的画布替换了图像。屏幕外画布的宽度是屏幕画布的三倍。

offscreenContext.canvas.width = onscreenContext.canvas.width * 3;
offscreenContext.canvas.height = onscreenContext.canvas.height;

当我不得不移动屏幕时，我会将y轴保持为0并计算x轴的新位置。这导致屏幕从左到右平移。