【发布时间】:2015-01-08 00:22:36
【问题描述】:
我正在使用 inkscape 创建 svg。稍后我将使用vivus.js 在网站中绘制该 svg 路径的动画。 问题是我无法控制inkscape中路径的起始节点。为了清楚起见,假设我想为inkscape中创建的以下字符的svg路径绘制动画:
在inkscape中路径的起始节点如下图所示:
所以动画从这个看起来不正常的节点开始绘制,因为通常你不会从那个点开始写“a”。这就是为什么我想将起始节点更改为以下内容:
我正在寻找更改起始节点和结束节点的编码解决方案。
【问题讨论】:
-
我怀疑在 Inkscape 中有任何内部方法可以做到这一点。您只需打开 SVG 代码并编辑
d属性。 -
那么你将不得不重新索引所有节点,这对于某些路径来说几乎是不可能的。
-
我不确定您所说的“重新索引”所有节点是什么意思。它主要是剪切和粘贴,因为我相当肯定 Inkscape 使用绝对坐标作为其路径。您只需要清理起点/终点。发布代码&我将展示如何重写它。但我不是 Inkscape 专家。如果您需要软件解决方案,请尝试Graphic Design——正如投票者所建议的那样,Stack Overflow 是为使用 SVG 代码的人提供的,而不是用于使用图形软件的技巧。
-
非常感谢您的回答。事实上,我是一名编码员,正在寻找编码解决方案。我将编辑我的问题。这是一个示例路径:
-
@Marc 我设法更改了 inkscape 中的顺序。