svg - 如何使用没有蒙版或覆盖的 Sketch 插件导出干净的 SVG。草图 49.3

Question

当我将 MSSymbolInstances 导出为 SVG 时，我总是在 SVG 代码中得到这一行。

<g id="????/Fill/Gray-3" mask="url(#mask-2)" fill="#6A6A78">

直到我手动编辑上面的填充并将“#1D1F20”更改为“无”，我才能在我的程序中使用SVG。有什么方法可以导出没有这种特定填充或 mask 的 SVG。

为此我尝试了几种方法:-

1. 遍历所有图层，如果它是 mssymbolinstance，则使用新的草图 API sketch.export(layer, options) 导出。这不起作用。

2. 尝试复制图层并将其转换为组，然后使用 group.export，如下所示:

   var duplicates = layers[j].duplicate();var group = duplicates.detachByReplacingWithGroup();group = new sketch.Group(组);组.导出({“格式”:“svg”，输出:输出路径，//'使用 id-for-name' : true,});group.remove();

这也不起作用，因为输出 SVG 都具有覆盖了一些填充颜色的 mask 。

1. 此方法与方法 2 相同。这里我只是在将图层转换为组并导出之前不复制该图层，但是这还有其他缺点。-> 首先，它删除了符号实例，因此更改了草图文档。->其次，我必须多次运行它并且经常抛出关于-[NSNull 名称]: 无法识别的选择器发送到实例 0x7fffa6e3ecc0

请帮助。

Answer 1

尝试使用我制作的名为 svgood 的 npm 包.它删除了 defs 和 g(它们往往包含 masks)元素并将 path 元素 float 到svg 的顶层。我有一些让它变得更有用的计划，但如果我可以添加一些东西让它更适合你的用例，请告诉我。