"SVG Tiny 1.2"在当今的移动和桌面浏览器中有何性能优势?

标签 performance svg optimization rendering

我正在尝试寻找导出复杂矢量图形的最佳方式(即建筑平面图,未压缩时的重量为数兆字节),以便在网络上实现最佳显示 - 我想知道是否可以Illustrator 中普遍推荐的 SVG 1.1 选项是最佳选择。

据我目前所知,Scalable Vector Graphics Tiny 1.2 规范...

  • 过去观众支持有限,但 not anymore .
  • no effect on file size ;减少它的最好方法是用 SVGO 删除不必要的小数。 。 — 我想,除了最初的 "baseprofile" parameter ,SVG Tiny 1.2 文件在结构上与保存为 SVG 1.1 的相同矢量图形不会有太大差异。
  • 有一些additional features这在其他 SVG 风格中是不可用的。
  • 提供 simplified DOM放弃一些处理器密集型计算,例如剪辑、蒙版、符号或 SVG 滤镜效果。

因此,关于最后一点,我想知道:当今的浏览器(尤其是智能手机上的浏览器)是否能够更有效地绘制 SVG Tiny 1.2 文件,从而更快,因为知道它们可能会分配更少的处理资源或者可以省略某些渲染步骤?

最佳答案

浏览器大多跳过了 SVG 1.2 功能并完全忽略了 baseProfile 和版本属性。

SVG 1.2 中精选的功能包括:

  • 矢量效应非缩放描边
  • viewBox=“无”

Firefox 支持上述两种,但我不确定是否有其他 UA 支持 viewBox="none"

关于 "SVG Tiny 1.2"在当今的移动和桌面浏览器中有何性能优势?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40948094/

相关文章:

c# - 如何提高 .Net 中的 JSON 反序列化速度? (JSON.net 还是其他?)

javascript - 如何在 Sencha Touch 中的 Google map 上的 svg 上添加触摸并按住事件

c# - 优化 C# 中的表单(包含 .png 背景)加载

SQL 查询返回一系列 ID 中每个 ID 的前 N ​​行

mysql - 在mysql中,一个表中的数据量是否会影响性能

Matlab 快速数据类型转换 4x1byte 到 1x32byte

javascript - 拉斐尔js : text elements drag & drop in the wrong direction

javascript - 为什么使用 str.chatAt(0) 而不是 str[0] 是一种优化?

.net - LINQ 性能 - 延迟执行与立即执行

javascript - D3 在屏幕上适配节点