我正在尝试寻找导出复杂矢量图形的最佳方式(即建筑平面图,未压缩时的重量为数兆字节),以便在网络上实现最佳显示 - 我想知道是否可以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/