在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本身没有这样的变数。

您可以更改客户端（使用JavaScript）的SVG元素的属性。一种更健壮，更简单的方法是在服务器上生成完成的SVG（无变量），您可以在服务器端编程语言中使用变量。