如何将 svg 代码导入 Inkscape答案

【问题标题】：how to import svg code into Inkscape如何将 svg 代码导入 Inkscape
【发布时间】：2018-02-22 14:42:56
【问题描述】：

是否可以将代码导入 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>

【问题讨论】：

inkscape plugin to live edit svg code的可能重复

标签： html svg inkscape

【解决方案1】：

在 Inkscape 中有 xml 文本编辑器 (Edit > XML editor...) 面板。您可以按照以下步骤操作：

创建一个新元素，命名为：svg:path（这将使用id 创建它）
单击取消缩进节点使其成为主节点（顶部节点）的子节点。您可能也希望将其保留在特定节点下。
在右侧填写属性列表，方法是在set 按钮旁边的框中设置name，并在下面的框中设置值。输入值后，单击Set。这似乎很明显，但我花了一段时间才弄明白。

在Tavmjong Bah's Guide to a vector drawing program上有更多关于xml编辑器的详细信息

【讨论】：

出于兴趣，在我的示例中，我在 HTML SVG 元素代码中只有一个“填充”属性。一旦我添加了“路径”属性，我发现可以直接回到 GUI 并添加填充等。在这种情况下，无需编写“样式”属性。
有点混乱......也许这些步骤适用于以前的版本。
对于 Inkscape 1.1，直到最后一点，这同样适用，但是，您可以直接在节点属性部分编辑它们，而不是在您需要 set 值的节点属性下方获得对话框.