在 Sketch 中准备和导出 SVG 图标

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程每个阶段提供云产品。 立即开始使用 $200 的免费信用额度!

关于 fill-rule 属性,SVG 有个有趣的 陷阱,Anthony Collurafici 在这里详细介绍。

Fill-Rule 是一个 SVG 属性,它基本上定义了如何确定哪些形状被填充或从形状中减去。 默认的 SVG 值为“nonzero”,这是 Android 所需的。 不幸的是,Sketch 使用“evenodd”。 幸运的是,Sketch 提供了将我们的形状从“evenodd”转换为“nonzero”所需的所有功能。 现在在 Sketch 42 中甚至更容易。

在嵌套形状中,绘制点的 方向 会影响填充。

直接链接 →