javascript - 从与任何尺寸的 Canvas 兼容的单个图像制作可平铺背景的最有效方法？

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 7 年前。

Improve this question

我正在用 javascript 制作重力模拟器，我想要一个漂亮的空间背景，随着相机的移动而移动。在 Canvas 上执行此操作的最佳、最有效的方法是什么？

我的所有对象都有一个偏移量，相对于偏移量绘制它们。我希望这个背景随着偏移量移动，但当它移动太远时返回到 0,0 (给出永远移动的错觉，而不绘制无限图像)。我希望这个背景可以互换，并且具有默认的空白颜色。

Answer 1

您可以在 canvas 上执行此操作，但在 Canvas 下的 div 中绘制它会更快。这样，您就不需要每次想要为任何内容设置动画时都重新绘制背景。您可以使用 css 来平铺图像，使其移动(如果需要)等。否则，如果您确实需要在 canvas 上执行此操作来为游戏中的背景设置动画，您可以使用drawImage .