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

I have two arrows, like this:

enter image description here

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?

1 Answer 1


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.

enter image description here

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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.