SVG 的大小以像素和百分比为单位？

Question

我正在尝试创建一个 SVG 元素，其宽度由父级的百分比和固定值定义，例如 50% + 20px。对于普通的 html 元素，在 CSS 中您可以使用calc(50% + 20px). 对于嵌入式 SVG 是否有等效的方法？具体来说，我正在使用 snap.svg，尽管我不确定 SVG 是否普遍存在此功能。

编辑：

尝试<svg>用百分比和像素设置宽度，但我无法正常工作。我都尝试过：

<svg width='calc(50% + 20px)'>...</svg>

<svg width='50% + 20px'>...</svg>

我也尝试在CSS中设置它：

svg {
  width: calc(50% + 20px);
}

Answer 1

即将推出的 SVG2 等应该可以width成为几何属性，然后您可以使用它们设置样式calc