Geek asks and answers

Close SVG (Z) path with breakpoints?

I draw the SVG path as follows:

Start:

M x, y

Add curve

Q x1, y1, x, y

etc. etc. and when I want to close the path I just addZ

But the last segment of the line now has no control points.

How can I close the path as well as have breakpoints on this last segment?

Something like: Z Q x1, y1where Z closes the path (current point to the first point), but uses x1 and y1 as control points, and not just for the line.

+3
source share
1 answer

I understand your desire. Each time I draw a phrase in Illustrator, I always set the end point at the starting point, and then drag it to create the tangent for the control points on each side.

SVG . . S T, , , , , ( ).

JavaScript, .

<path d="… Z" class="smooth-close" />

... script, smooth-close, S T . javascript , .

+3

More articles:


All Articles