以像素和百分比为单位的大小的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等成为geometry properties然后你可以用 calc 来设计它们