我正在尝试制作一个小应用程序来绘制一个带有svg图形的花园,我可以拖动和平移。 这是一个演示:http://pmtesting1.meteor.com/(点击进行拖动和滚动以进行缩放) 该演示显示了一个大的svg元素,其中包含大约1400个节点。
也许有更好的解决方案? 或者一些提示会很好!
唯一的事情是:植物应该是svg图像。
感谢您的帮助和帮助!
我尝试过:将每株植物放入一个svg和group中,这有点帮助但它仍然滞后。 我试图制作很多svg元素,这是一场灾难。
答案 0 :(得分:0)
你应该只加载/绘制当前在视图中的元素,因此将被渲染。如果你设法只传递那些元素,你可以(理论上)拥有无限的元素..
如果你真的想深入调整性能,我建议使用四叉树,但对于一个简单的应用来说,这可能有点太多了。
也许链接:how many stacked canvas elements is too much有助于全面了解画布性能。
编辑:如何做到这一点:
我很确定有最适合你的api。