html - 如何将 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>  

Answer 1

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

创建一个新元素，命名为:svg:path (这将使用 id 创建它)

单击 unindent node 将其作为主节点(顶部一个)的子节点。您可能也希望将其保留在特定节点下。

在右侧填写属性列表，通过设置 name在 set 旁边的盒子上按钮，以及下面框中的值。输入值后，单击 Set .这似乎很明显，但我花了一段时间才弄明白。

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