如何将SVG代码导入Inkscape

Question

是否可以将代码导入Inkscape并将其保存为.svg文件？

我想要将这段代码导入并保存为svg文件：

<svg class="defs-only" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<symbol id="wave">    
<svg viewBox="0 0 100 50" preserveAspectRatio="none" >
    <g>
    <path d="M100,30 Q70,40 50,30 T0,30 v20 h100Z" 
          style="stroke-linejoin:round; stroke:#f6f6f6" stroke-width="0"/>
    </g>
</svg>
</symbol>
</svg>  

- Jack Maessen

---

可能是inkscape插件以实时编辑SVG代码的重复问题。 - Thomas Beumer

Answer 1

Inkscape中有一个xml文本编辑器（编辑 > XML编辑器...），面板中可以执行以下步骤：

• 创建一个新元素，称之为：svg:path （这样将创建一个具有id的元素）
• 点击“取消缩进节点”，将其作为主节点（顶部节点）的子节点。您可能还想将其保留在特定节点下面。
• 在右侧填充属性列表，通过在set按钮旁边的框中设置name和在下面的框中设置值来设置属性。输入完值后，单击Set。这似乎很明显，但我花了一段时间才弄清楚。

有关xml编辑器的详细信息，请参见Tavmjong Bah's Guide to a vector drawing program

- dvdgc13

---

出于兴趣，在我的示例中，HTML SVG元素代码中只有一个“fill”属性。一旦我添加了“path”属性，我发现可以轻松返回GUI并按照通常的方式添加填充等，而无需在这种情况下组合“style”属性。 - CodingLumis

有点混乱...也许这些步骤是针对之前的版本。 - ashleedawg

使用Inkscape 1.1，同样适用于最后一点，但是，与其在节点属性下方获取对话框并需要“设置”值不同，您可以直接在节点属性部分编辑它们。 - dvdgc13

Answer 2

是否可以将代码导入Inkscape并将其保存为.svg文件？

目前很不幸，不能通过使用ctrl+v来实现。你必须先使用外部文本编辑器将SVG代码保存到一个名为file.svg的文件中，然后才能在Inkscape中打开该文件进行编辑和重新保存。

但是，应该很容易实现一个脚本来自动化这个过程，例如使用Python，使用Pyperclip或tkinter来读取剪贴板中的SVG，使用subprocess来打开在Inkscape中保存的文件。

- Nils Lindemann