SVG中的Web应用程序,性能问题和可行性

Question

我们是一家新的创业公司,将为时尚产业开发一个网络应用程序.我们正在考虑使用canvas(不关心IE支持)但现在在阅读了Raphaeljs和jQuerySVG之后,我们对在SVG中构建整个界面和单元的可能性很感兴趣.

以下是我的想法:

• 决议独立
• 能够缩放项目并保持形状和外观
• 浏览器优化即将推出
• 我们不必在画布上绘制所有东西,我们可以利用坐标绘制单位(项目)
• 无需学习XML; 易于学习和使用？
• SVG非常广泛,因此应该可以轻松处理各种设计形状
• 像canvas一样,我们可以使用HTML5和CSS3功能以及SVG(拖放,高级CSS3效果),甚至是jquery效果
• 因为我们不会使用任何复杂的3D渲染,所以假设全屏矢量不应该有太大的性能影响？

希望根据过去使用SVG用于整个Web应用程序渲染的可行性的经验来听取您的意见.

我们已经研究了近两周的画布,并确信我们可以从中获得所有需求但是如果SVG可以做同样的事情,它会很棒并且实际上是首选的(？).

干杯

Answer 1

一些未分类的深思熟虑：

画布只是一个位图。渲染大量对象时速度更快。另一方面，SVG 必须维护对其渲染的每个对象的引用，并且大量对象会显着减慢速度。

...但这些参考意味着处理你画的东西的一些步骤已经为你完成了。当渲染非常非常大的对象时，SVG 速度更快。

不过，SVG 的采用率比 Canvas 差。但浏览器现在两者都有，所以我想我认为没有太多担心。

在 Canvas 中玩游戏可能会更快。一个巨大的地图程序在 SVG 中可能会更快。

这里是针对 Canvas 的一些浏览器优化。上周，Chrome 7.0 硬件加速首次亮相。IE9 预览版和 Opera 也已经有了硬件加速（不要记得 FF）。

Canvas 仍然是一个非常活跃的规范（MeasureText 返回宽度但不返回高度！），但到目前为止我很喜欢使用它。