Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It only takes a minute to sign up.
Sign up to join this community
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?
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.
