相关疑难解决方法(0)

什么是动态创建元素并能够移动它们的最佳方法？例如,假设我想创建一个矩形,圆形和多边形,然后选择这些对象并移动它们.

我知道HTML5提供了三个可以实现这一目标的元素:svg,canvas和div.对于我想要做的事情,哪一个元素将提供最佳性能？

为了比较这些方法,我考虑创建三个视觉上相同的网页,每个网页都有页眉,页脚,小部件和文本内容.第一页中的小部件将完全使用canvas元素创建,第二个完全使用svg元素创建,第三个使用plain div元素HTML和CSS创建.

我有一个带有10138个零件的SVG图纸,因此它运行缓慢.
我想让它更像http://workshop.chromeexperiments.com/globe

以下是我正在考虑的解决方案/问题

• 有没有办法让SVG部件以较少处理器密集的方式呈现？
• 我可以将SVG转换为WebGL或画布吗？
• 我可以将它作为SVG运行但是通过WebGL或画布渲染吗？

我只是想让它更快......想法？

这是一个截图