在 SVG 中定义变量

【问题标题】：Defining variables in SVG在 SVG 中定义变量
【发布时间】：2011-09-27 06:02:33
【问题描述】：

我目前有这样一行用 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 文档中可行吗？

【问题讨论】：

【解决方案1】：

SVG 本身没有这样的变量。

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

【讨论】：