Закрыть путь SVG (Z) с контрольными точками?

Question

Я рисую путь SVG как это:

Начало:

M x, y 

Добавить Curve

Q x1, y1, x, y 

и т.д. и т.п .... и когда я хочу, чтобы закрыть путь Я просто добавить Z

Но последний сегмент линии теперь не имеет контрольных точек.

Как я могу закрыть путь, а также иметь контрольные точки на этом последнем сегменте?

Что-то вроде: Z Q x1, y1 где Z закрывает путь (текущая точка до первой точки), но использует x1 и y1 как контрольные точки, а не только прямую линию.

Answer 1

Я понимаю ваше желание. Каждый раз, когда я рисую фразу в Illustrator, я всегда устанавливаю конечную точку в исходной точке, а затем перетаскиваю ее, чтобы создать касательную для контрольных точек с каждой стороны.

У SVG такой функции нет. Нет path command, который делает это. Ближайшие являются сокращенный путь команды S и T, но они выводят первую контрольную точку с последней контрольной точки на предыдущей команды, в то время как то, что вы хотите что-то, что происходит в второй контрольной точки с первым контроля точка на следующая команда (стиль обертки).

Вы можете сделать это с помощью JavaScript, например. разметки, как

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

... и небольшой скрипт, который находит все smooth-close пути, определяют соответствующую контрольную точку из первых команд и генерирует команду S или T и присоединяют его к данным пути. Но так как вы не отметили свой вопрос javascript, я предполагаю, что такое решение вас не заинтересовало бы.