Mobile app version of vmapp.org
Login or Join
Murphy569

: How to convert inkscape arrow to single path? I need to use scripted SVG in my web page. I made the basic things in Inkscape. I have two arrows, like this: They should change colors using

@Murphy569

Posted in: #Inkscape #Svg

I need to use scripted SVG in my web page. I made the basic things in Inkscape.

I have two arrows, like this:



They should change colors using Javascript which I wrote. However arrow markers are not bound to arrows in any way, which is a complication.

I'd like to convert the arrow to single <path> object, which would be much easier to manipulate using scripts. How to do that?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Murphy569

1 Comments

Sorted by latest first Latest Oldest Best

 

@Samaraweera207

Select the line with the arrow head, click Path > Stroke to Path, Object > Ungroup. Remove the stroke from the arrow head. You will have to move the arrow head afterwards as it will overlap the line. Then select both, and click Path > Unite.

The result is a single object, made from one path.



Note: once you do this, the line becomes baked as a shape, and will no longer have the same behaviour as a line with an arrow head.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme