“SVG Tiny 1.2”在今天的移动和移动设备中的性能优势;桌面浏览器？

Question

我正在尝试找到导出复杂矢量图形的最佳方式（即一个体系结构计划，重量为几兆字节未压缩），以便在网络上实现最佳显示 - 我想知道，如果Illustrator中一般推荐的SVG 1.1选项是最佳选择。

从目前为止我所学到的，可伸缩矢量图形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文件，因此更快，因为他们知道可以分配更少的处理资源或者可以省略某些渲染步骤？

Answer 1

我不相信。我很怀疑任何浏览器都有不同的代码路径，SVG将自己标记为baseProfile="tiny" version="1.2"。

我甚至不确定浏览器是否支持baseProfile。也许@RobertLongson会在这里确认并确认。

SVG 1.2并没有被浏览器真正占用。实际上，大多数浏览器支持的唯一SVG 1.2功能是vector-effect属性。

Answer 2

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

SVG 1.2的特色是：

• 矢量效应非缩放笔画
• 视框=＆＃34;无＆＃34;

Firefox支持以上两种，但我不确定任何其他UA是否支持viewBox =＆＃34; none＆＃34;