平移屏幕畫布

Question

我希望屏幕上的畫布比屏幕上的畫布更大。 屏幕上的畫布是我的視口，我想在屏幕外的畫布上平移。 我想單擊一個按鈕，並且希望視口移動到屏幕外畫布的特定位置。 任何想法這將如何工作？ 我不是在做游戲，只是一塊布滿不同事物的大畫布。

Answer 1

我設法通過以下鏈接中的步驟進行操作：

使用canvas元素平移和滾動背景圖像

本教程討論如何使用圖像平移背景。 我用屏幕外的畫布替換了圖像。 屏幕外的畫布的寬度是屏幕上的畫布的三倍。

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

當我不得不移動屏幕時，我會將y軸保持在0並計算x軸的新位置。 這導致屏幕從左向右平移。