HTML5 canvas：如何为上下文设置动画？

Question

有什么方法可以在HTML5 canvas 2d中设置上下文动画吗？

我想创建一个巨大的上下文，但只在屏幕上显示一小部分。 然后，我想应用translate动画来滚动上下文以显示上下文的其他部分。

我该怎么办？

Answer 1

创建一个具有包含要显示的整个内容的上下文的画布，可以通过在需要时将其显示在屏幕上来做到这一点，以便可以看到它的外观。

然后，将要实现的功能包含在函数或某种闭包中。 然后使用document.createElement（'canvas'），并将其上下文用作您为显示上下文创建的代码。

然后，当您在可见画布的主上下文中时，可以使用.drawImage（）将另一个上下文绘制到屏幕上，并在动画循环中向上对其进行动画处理。

我希望我可以使它更容易理解，并通过显示一个示例使其更容易理解。

屏幕外渲染本质上就是我要解释的内容。