为什么 Sketch App 在导入时会损坏某些 svg?

为什么 Sketch App 在导入时会损坏某些 svg?

我有 2 个 svg,它们在网页和 Illustrator 中看起来一模一样。其中一个已通过 minify 脚本运行。

您可以查看这两个 svg 和代码代码笔

如您所见,主要的区别在于逗号已被删除并且小数位已被四舍五入。

有人知道为什么 Sketch 会放错这个 svg 的矢量点吗?每当我在 Sketch 中打开 .svg 文件时,它看起来都像这样:

图标乱了

Sketch 是我拥有的唯一可以这样显示 svg 的程序。

以下是这两个 svg 的代码:

常规 svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="none" d="M0 0h24v24H0z" />
<path d="M12,4c2.209,0,4,1.791,4,4s-1.791,4-4,4c-2.209,0-4-1.791-4-4S9.791,4,12,4z M12,20c0,0,8,0,8-2c0-2.4-3.9-5-8-5 s-8,2.6-8,5C4,20,12,20,12,20z" />
</svg>

最小化

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="none" d="M0 0h24v24H0z" />
<path d="M12 4c2.21 0 4 1.79 4 4s-1.79 4-4 4-4-1.79-4-4 1.79-4 4-4zm0 16s8 0 8-2c0-2.4-3.9-5-8-5s-8 2.6-8 5c0 2 8 2 8 2z" />
</svg>

草图

相关内容