Increase stroke size of an arrow, while keeping the arrowhead unchanged

I think the question explains it all. I’m increasing the stroke size of an arrow, but the arrow head becomes really large. How can I prevent the arrowhead from increasing with increasing stroke.

Btw, I tried different arrowhead shapes. And this didn’t help.


You can use the XML Editor to adjust the scaling and positioning of the arrow head, leaving the stroke width unchanged.

  1. Open the XML Editor and find the svg:defs id

  2. Expand the defs id, and locate the marker id, and expand that too, and you will find a path id.

  3. Select the path ID, click on the Transform property. Type in a new scale value to adjust the size of the arrow head. Press CTRL+Enter to commit the change

  4. If the arrow head needs moved, which it probably will if you made the arrow head smaller, click on the marker id and change the refX property to move the arrow slightly to one side. Press CTRL+Enter to commit the change

This screen shot shows altering the marker id RefX, and the path id Transform scale value

enter image description here

The beauty of this is that it doesn’t break the arrow head functionality of the stroke. You can still edit the path, and the arrow head will move as expected.

enter image description here

Also, you can use this technique for multiple paths – each marker id, and path id can be adjusted separately.

enter image description here

Source : Link , Question Author : AhmedWas , Answer Author : Billy Kerr

Leave a Comment