一个关于Html上Canvas性能的疑问,canvas的scale和transform的性能。

新手上路,请多包涵

我有一个关于canvas性能的疑问。
请问是通过在JavaScript中进行坐标转换然后绘制到canvas上快呢,还是直接绘制到canvas,然后通过canvas的scale,transform方法进行转换快?
这两种方法各有什么缺陷?
希望能得到解答。

PS:我在做一个在web中展示大量地理矢量数据的项目,其中需要将地理坐标转换成屏幕坐标,因此面临的选择是将地理坐标在JavaScript中转换成屏幕坐标再绘制,还是先绘制然后通过canvas的变换方法将数据以合适的方式展示。

阅读 3.3k
1 个回答

web中展示大量地理矢量数据的项目?是什么项目?我有github上开源项目;
其次:你应该使用数据计算,你频繁的对canvas做scale和transform性能肯定低,
不如数据映射再绘制,这种效率更高(见ol3源码)

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题