html - SVG中的变量和方程？

Question

例如，想象一下，我想在 SVG 中创建一个高度等于(3*width)^2+width的矩形，并在底部添加一个半径为width/2 ( cx,cy, r = f （宽度））。一切都只取决于一个参数：矩形宽度。我知道可以用 javascript 来做，但我想要更直接的东西。它是 ccs 变量，唯一的选择吗？感谢您的回答。

Rq：我读过这篇文章（How do I define or reference a variable in SVG?），但它相当旧（从 2015 年开始），而且情况似乎没有太大变化，或者我在谷歌上搜索得不好。

标签： htmlcsssvg