Почему SVG ругается на неправильное завершение атрибута d?

Question

[Sergey Vydayko]

Вот ошибка Error: attribute d: Unexpected end of attribute. Expected number, "…0 20 -10 -10 -20".

вот на что ругается https://jsfiddle.net/Vydayko12/vku6t7tf/1/
что здесь не так, подскажите пожалуйста, очень нужно

Answer 1

[Lynn «Кофеман»]

У метода c должно быть 6 параметров (три пары чисел). У вас же после него идёт 8 чисел. 6 он использовал дальше по правилам SVG если не задан новый метод то используется тот же который был и ему не хватает параметров.

Т.е. у вас фактически написано ...c 0,0 0,0 20,-10 c 10,-20 — второму c не хватает параметров.

Comments

[Sergey Vydayko]

огромное спасибо) уже сам был нашел)

[Sergey Vydayko]

подскажите если не сложно какие-то сайты где можно выучить svg, потому что столкнулся с ним и немного не понятно, спасибо

[Lynn «Кофеман»]

Не знаю. Можно попробовать с https://htmlacademy.ru/courses/130

[Денис Васильев]

Sergey Vydayko: css-live.ru/articles/karmannoe-rukovodstvo-po-napi...

Answer 2

[Максим Тимофеев]

Он же пишет, что ожидаются цифры, а у Вас там "с", а это если я не ошибаюсь - буква

Comments

[Sergey Vydayko]

это инструкция она есть у самого тэга d

[Максим Тимофеев]

Sergey Vydayko: Уберите "с" и все заработает

<path stroke-linecap="round" stroke-linejoin="round" class="draw-arrow tail-2" d="m 128 53 0 0 0 0 20 -10 10 -20" />

[Максим Тимофеев]

Sergey Vydayko: вот советую почитать https://www.w3.org/TR/SVG/paths#PathDataCurveCommands

Answer 3

[HamSter]

d="M 128 53C 0 0 0 0 20 -10 10 -20"

Большими буквами нужно.

code