8

I am using inkscape to create svg. Later I am going animate drawing that svg path in a website using vivus.js. Problem is I have no control over the starting node of the path in inkscape. To make myself clear, suppose I want to animate drawing of the following characte's svg path created in inkscape:

svg character

In inkscape the starting node of the path is shown as below:

starting node

So animation starts drawing from this node which does not look normal since normally you don't start writing "a" from that point. That's why I'd like to change the starting node to the following:

new starting node

I am looking for coding solution to change starting and ending nodes.

Reza Baradaran Gazorisangi
  • 5,605
  • 3
  • 31
  • 27
  • I doubt there is any internal way of doing this in Inkscape. You just have to open up the SVG code and edit the `d` attribute. – AmeliaBR Jan 09 '15 at 02:17
  • Then you'll have to re-index all the nodes which seems next to impossible for some paths. – Reza Baradaran Gazorisangi Jan 09 '15 at 03:02
  • 1
    I'm not sure what you mean by "re-index" all the nodes. It's mostly just cut and paste, since I'm fairly certain Inkscape uses absolute coordinates for its paths. You would only have to clean up the starting/ending points. Post the code & I'll show how to re-write it. But I'm not an Inkscape expert. If you want a software solution, try on [Graphic Design](http://graphicdesign.stackexchange.com/) -- as the close-voters suggested, Stack Overflow is for people working with the SVG code, not for tips on using graphics software. – AmeliaBR Jan 09 '15 at 03:26
  • Thanks a lot for your answer. As a matter of fact I am a coder and looking for coding solution. I will edit my question. Here is a sample path: – Reza Baradaran Gazorisangi Jan 09 '15 at 09:44
  • @R.B.: Did you ever get this working? :) – Marc Jun 25 '15 at 18:30
  • 1
    @Marc I managed to change the order in inkscape. – Reza Baradaran Gazorisangi Jul 05 '15 at 09:51
  • @R.B.: Oh ok :) ... and how did that work?^^ ... is there any good resource on this? It would be nice if you could answer this question if you have the time so people could find it :-) – Marc Jul 05 '15 at 12:21
  • @Marc Dear Marc, I sure will in a few days. – Reza Baradaran Gazorisangi Jul 08 '15 at 11:18
  • @R.B.: Hi :) I would still like to know how I can accomplish this ;) Thank you. – Marc Aug 02 '15 at 09:47
  • @Gazoris I just came across the same problem. Can you guide us on how you did this? Any help is greatly appreciated - http://codepen.io/anon/pen/kkGwpq?editors=1100 – Michael Schwartz Oct 01 '16 at 20:53

1 Answers1

7

One way to do this in Inkscape is to select the node that you want to be the starting node, break the path at this node, and then re-join the path. It's a little hacky, but it works. :)

MikeWallaceDev
  • 1,458
  • 2
  • 14
  • 28