HTML5画布：如何动画上下文？

有没有什么办法如何在HTML5 canvas 2d中动画上下文？HTML5画布：如何动画上下文？

我想创造巨大的背景下，而是在屏幕上显示的它只是很小的一部分。然后，我想应用translate动画来滚动上下文以显示上下文的其他部分。

我应该怎么做？

动画是通过周期性地重绘画布实现。如果您对如何操作有特殊疑问，我会很乐意提供帮助。 – akonsu

所以，如果我理解正确，那么没有办法做到这一点。我需要做一个基本的动画，整个“形象”慢慢转移。图像将主要由矩形（按需构建）构成。动画必须非常流畅且时机非常精确。我正在研究CSS3，canvas2D和webgl，但我不知道选择哪一个。 –

当然有办法做到这一点。整个图像有多大？您可以创建一个可以保存整个图像的离线画布，以及另一个可以附加到DOM的画布，该画布将只显示大画布的一部分。然后使用drawImage API将大图的一部分绘制成小图。 – akonsu

与包含要显示整个事情，你可以通过使屏幕上的，如果你需要，所以你可以看到它的样子做这方面创建一个画布。

然后把你有什么了制备和功能或者某种封闭的内括起来。然后使用document.createElement（'canvas'），并将其上下文用于您为显示上下文创建的代码。

然后，您可以在可见画布的主要上下文中使用.drawImage（），将其他上下文绘制到屏幕上，并在动画循环中向上制作动画。

我想我可能已经做出一点点更容易理解，更容易通过展示一个例子就明白了。

离屏渲染基本上是什么，我试图解释。

2012-05-14 19:14:51 jaredwilli

回答