在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(无变量),您可以在其中使用您选择的服务器端编程语言中的变量.