如何将 svg 代码导入 Inkscape
how to import svg code into Inkscape
是否可以将代码导入 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 中有 xml 文本编辑器 (Edit > XML editor...
) 面板。您可以在那里按照以下步骤操作:
- 创建一个新元素,将其命名为:
svg:path
(这将使用 id
创建它)
- 单击取消缩进节点将其作为主节点(顶部节点)的子节点。您可能也希望将其保留在特定节点下。
- 在右侧填写属性列表,方法是在
set
按钮旁边的框中设置 name
,并在下面的框中设置值。输入值后,单击 Set
。这看起来很明显,但我花了一段时间才弄明白。
上有关于 xml 编辑器的更多详细信息
是否可以将代码导入 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 中有 xml 文本编辑器 (Edit > XML editor...
) 面板。您可以在那里按照以下步骤操作:
- 创建一个新元素,将其命名为:
svg:path
(这将使用id
创建它) - 单击取消缩进节点将其作为主节点(顶部节点)的子节点。您可能也希望将其保留在特定节点下。
- 在右侧填写属性列表,方法是在
set
按钮旁边的框中设置name
,并在下面的框中设置值。输入值后,单击Set
。这看起来很明显,但我花了一段时间才弄明白。