Modify an element’s stroke

In many cases, you may want to modify an element’s stroke: change its color, transparency, width, line ends or joins. Any type of element can have a visible stroke: rectangle, circle, line, path or even text.

All properties can be edited in the Stroke panel on the right side of the app:

You can change the Stroke-linecap and Stroke-Linejoin properties to:

Butt - default setting that ends the stroke with a sharp 90-degree angle
Square - similar to Butt, it extends the stroke beyond the length of the path
Round - adds a radius that smooths out the start and end points

While working on a path animation, you may want to change the Dashes and Offset values. You can read more about these and learn how to create a path animation here.

More articles:

How to Create a Path Animation? | SVGator Help

Learn how to create a path animation using SVGator! This tutorial will help you out, read the article and follow the required steps.

SVGator

How to Change the Color of an Element? | SVGator Help

Learn how to change the color of an element using SVGator! This tutorial will help you out, read the article and follow the required steps.

SVGator

Still got questions? Send us an email to contact@svgator.com and we will get back to you as soon as we can.