每个图块的Html5画布地图应用程序/画布与图层的单个画布

Question

我们正在创建一个画布地图应用程序，我们想知道哪种方法比另一种更好;为图层的每个图块创建画布或创建单个画布。

如果我们使用canvas每个tile选项，我们将能够;

• 为每个平铺图块执行平移效果的淡化动画，
• 在缩小时，当图层尺寸小于屏幕尺寸时，我们会 绘制较小的区域（例如，只有2-3个小画布）。

但;

• 将有不止一个上下文和更多绘制操作。
• （我认为）更多的内存使用。

所以我们无法决定选择哪个选项。性能对我们非常重要，因为我们正在处理大数据。但我们也关心使用css3进行平移和缩放等动画。你有什么建议？

Answer 1

对于性能考虑，建议在大多数情况下使用单个画布，包括平移和缩放等动画（如果不是必须由css3实现）。以下列出的一些项目可能对您有所帮助：  1. https://github.com/dfacts/Slippy-Map-On-Canvas  2. https://github.com/zynga/scroller