Как создать форму "U" с помощью Snap.svg?
Мне нужно создать обратную форму U с использованием JavaScript, но я не могу понять это. В некоторой степени похожа на эту форму ломаной линии, но изогнута в конце, используя те же точки. Я нашел примеры кода для сложной анимации с кривыми и прочим, но ничего простого.
var lsvg = Snap('#svg');
var arrow = lsvg.polyline([6,10, 3,0, 0,10]).attr({stroke: '#000', fill: '#f2f4f3'});
1 ответ
В итоге я последовал совету Яна и использовал команду пути. Я действительно хотел использовать это как маркер для строки, и каждый раз, когда я использовал букву U (как текст), она выглядела деформированной, поэтому я не мог этого сделать.
var arrow = lsvg.path("M20,30 Q10,0 0,30").attr({stroke: '#000', fill:"none" });
Я использовал три очка для этого: (20,30), (10,0), (0,30).