SVG 中的 Web 应用程序、性能问题和可行性答案

【问题标题】：Web application in SVG, performance issues and viabilitySVG 中的 Web 应用程序、性能问题和可行性
【发布时间】：2011-04-05 15:18:37
【问题描述】：

我们是一家新成立的初创公司，将为时尚行业开发一款网络应用。我们曾考虑使用画布（不关心 IE 支持），但现在在阅读了 Raphaeljs 和 jQuerySVG 之后，我们对在 SVG 中构建整个界面和单元的可能性很感兴趣。

以下是我想到的优点：

很想听听您的 cmets 基于过去的经验，了解 SVG 用于整个 Web 应用程序渲染的可行性。

我们已经研究了将近两周的画布，并且确信我们可以从中获得所有需求，但如果 SVG 也能做到这一点，那将是非常棒的并且实际上是首选（？）。

干杯

【问题讨论】：

【解决方案1】：

我将 SVG 用于简单的徽标和图标，唯一的问题是一个 webkit 错误，即背景被渲染为白色而不是像其他浏览器那样透明。在一台速度较慢的机器上，我注意到第一次渲染时有七个对象一个接一个地闪烁，但我不知道我是否做错了什么。

【讨论】：

【解决方案2】：

一些未分类的思考：

Canvas 只是一个位图。渲染大量对象时速度更快。另一方面，SVG 必须维护对它渲染的每个对象的引用，并显着降低大量对象的速度。

...但是这些引用意味着处理您绘制的事物的一些步法是为您完成的。在渲染非常大的对象时，SVG 速度更快。

不过，SVG 的采用率低于 Canvas。但是浏览器现在两者都有，所以我想我并不担心。

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

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

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

【讨论】：

硬件加速在 FF 中开启（现在还是 4？），但现在默认没有开启。
谢谢西蒙。我们将看看是否可以在 SVG 中渲染我们应用程序的整个界面。它主要是所有静态渲染，它们将与 SVG 的其他层叠加。有没有完全用 SVG 呈现的应用程序示例？干杯，