Как нарисовать «идеальную» стрелу в SVG, где стрелка находится до конца? ⇐ Html

[Anonymous]

конечная цель < /h1>
Я пытаюсь сделать диаграммы круга и стрельбы, используя SVG. В частности, автоматические диаграммы, аналогичные этим: https://fsm-builder.vercel.app/образной диаграмму. Эти стрелы не совсем заостренные. У них есть маленькие прямоугольники, торчащие с конца. Я пытаюсь нарисовать диаграмму, в которой нет этих и , математика проста. Вот что я сделал до сих пор:
Bad Arrow 1
Я следую за маркером mdn , чтобы попробовать и нарисовать стрелки:
https://developer.mozilla.org/en-us/docs/web/svgmer /> Тем не менее, пример в статье MDN заставляет стрелку начинаться до конца строки. Таким образом, стрелка, указывающая на строку, выглядит следующим образом: < /p>

Код: Выделить всё

line {
stroke: black;
stroke-width: 1;
}

svg {
height: 2.5lh;
width: 5lh;
}< /code>











< /code>
< /div>
< /div>
< /p>


Подробнее здесь: [url]https://stackoverflow.com/questions/79688016/how-do-i-draw-a-perfect-arrow-in-svg-where-the-arrowhead-is-before-the-end[/url]