无需重新渲染即可平移Html5画布

Question

我想平移我的Html5画布而不必重新渲染,平滑过渡(不是跳跃).这可能吗？有代码示例吗？

如果可能,这还可以应用于缩放吗？

在低端系统(Windows平板电脑)上运行时出现性能问题,其中平移只占用太多CPU并最终无法使用.范围是~2000个图形对象.

Answer 1

不幸的是,你不能在没有重绘的情况下转换画布; 但是,如果真的只是有太多的绘制调用,你可以渲染一次画布,缓存结果,然后在随后的绘制中重绘缓存的图像.请注意,根据您绘制的实际内容,此方法实际上不会超过150%.

我做了一个小提琴,显示了这可能是什么样子:

http://jsfiddle.net/mobidevelop/sBvab/

可能会有一点跳跃,但它通常比没有缓存图像更好.

你的旅费可能会改变.