Определение переменных в SVG

Question

У меня в настоящее время есть строка, заполненная в SVG, как это:

<path d="M 0   45
         L 100 45
         L 100 55
         L 0   55
         Z" fill="gray" />

Я бы хотел определить толщину как переменную вместо жесткого кодирования, чтобы определение было примерно таким:

<path d="M 0   50 - t
         L 100 50 - t
         L 100 50 + t
         L 0   50 + t
         Z" fill="gray" />

с t = 5.

Возможно ли это в документе SVG?

Answer 1

Сам SVG не имеет таких переменных.

Вы можете изменить атрибуты элементов SVG на стороне клиента (с помощью JavaScript).Более надежный и простой способ - создать готовый SVG (без переменных) на сервере, где вы можете использовать переменные на выбранном вами серверном языке программирования.