代码之家 › 专栏 › 技术社区 › Kayote

SVG中的Web应用、性能问题和可行性

svg canvas html5 web-applications

Kayote · 技术社区 · 14 年前

我们是一家新成立的公司,将为时尚行业开发一款网络应用程序。我们曾考虑使用canvas(不担心IE支持),但现在在阅读了Raphaeljs和jQuerySVG之后,我们对用SVG构建整个接口和单元的可能性很感兴趣。

以下是我想到的优点:

我很想听听您对SVG在整个web应用程序渲染中的可行性的评论。

我们已经研究了canvas将近两个星期了,我们确信我们可以从中得到我们所有的需求,但是如果SVG也能做到这一点,那就太棒了,而且实际上是首选(?)。

2 回复 | 直到 14 年前

Simon Sarris 14 年前

画布只是一个位图。渲染大量对象时速度更快。另一方面,SVG必须保持对它呈现的每个对象的引用,并且随着大量对象的出现而显著减慢速度。

……但这些参考资料意味着处理你画的东西的一些步法是为你做的。当呈现非常大的对象时,SVG速度更快。

在画布上玩游戏可能会更快。在SVG中,一个巨大的map程序可能会更快。

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

Rob 14 年前

我对简单的徽标和图标使用SVG,唯一的问题是webkit错误,认为背景呈现为白色,而不是像其他浏览器那样透明。在一台速度很慢的机器上,我注意到第一次渲染时,有七个物体一个接一个地闪烁着,但我不知道自己是否做错了什么。

推荐文章

Aaron · 使用feTurbulence SVG标记模拟Musgrave纹理动画

1 年前

Michael Lynch · 如何使用包来构建导入SVG的React组件库?

1 年前

Chris Barr · 为什么带有<defs>的SVG在转换为<symbol>时会丢失渐变?

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

JohnB · 将<svg>资源放在</body>之后合法吗?

3 年前

Hashim Aziz · 为什么使用SVG Core设置FontAwesome在默认情况下会禁用这些选项?

3 年前

Sougata Mukherjee · 如何同时悬停svg和文本

3 年前

Basj · 即使距离为3像素,也能检测到SVG线上的点击

3 年前

jana · 在带有javascript的svg中的锚点中插入rect元素不起作用

3 年前

Developer · 如何在SVG图例中将文本悬停在rect或legendcells上

3 年前