Запятые в описании пути SVG

При описании путей в SVG онлайн-примеры часто разделяют значения запятыми, а другие — нет.

Учебное пособие по путям из Mozilla Developer Network SVG Tutorial использует обе записи для описания дуг:

A 30 50 0 0 1 162.55 162.45

а также

A 45 45, 0, 0, 0, 125 125

В другом месте я также видел:

A30,50 0 0,1 100,100

Когда и где в описании пути SVG нужны запятые?


svg
person Community    schedule 18.03.2015    source источник


Ответы (2)


Запятые в основном необязательны, а пробелы также в основном необязательны. В некоторых случаях вам нужно одно или другое, чтобы сказать, когда что-то заканчивается и начинается следующее, т.е. чтобы 1,1 или 1 1 не анализировались как 11.

Вы можете поставить одну запятую между любыми двумя числами, чтобы A, 30 50 0 0 1 162.55 162.45 было недействительным, как и A 30,, 50 0 0 1 162.55 162.45.

person Robert Longson    schedule 18.03.2015

Рекомендация W3C SVG гласит:

Лишние пробелы и разделители, такие как запятые, могут быть удалены (например, «M 100 100 L 200 200» содержит ненужные пробелы и может быть записано более компактно как «M100 100L200 200»).

person Community    schedule 18.03.2015