Как создать форму "U" с помощью Snap.svg?

Мне нужно создать обратную форму U с использованием JavaScript, но я не могу понять это. В некоторой степени похожа на эту форму ломаной линии, но изогнута в конце, используя те же точки. Я нашел примеры кода для сложной анимации с кривыми и прочим, но ничего простого.

var lsvg = Snap('#svg');

var arrow = lsvg.polyline([6,10, 3,0, 0,10]).attr({stroke: '#000', fill: '#f2f4f3'});

Jsbin

1 ответ

В итоге я последовал совету Яна и использовал команду пути. Я действительно хотел использовать это как маркер для строки, и каждый раз, когда я использовал букву U (как текст), она выглядела деформированной, поэтому я не мог этого сделать.

var arrow = lsvg.path("M20,30 Q10,0 0,30").attr({stroke: '#000', fill:"none" });

Я использовал три очка для этого: (20,30), (10,0), (0,30).

Обновлен Jsbin

Другие вопросы по тегам