开发者

Defining variables in SVG

I currently have a line filled in SVG like this:

<path d="M 0   45
         L 100 45
        开发者_如何转开发 L 100 55
         L 0   55
         Z" fill="gray" />

I would like to define the thickness as a variable instead of hardcoding so that the definition is something along the lines of:

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

with t = 5.

Is this possible in a SVG document?


SVG itself has no such variables.

You can change the attributes of SVG elements clients-side (with JavaScript). A more robust and simple way is to generate the finished SVG (without variables) on the server, where you can use variables in the server-side programming language of your choice.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜