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

Question

我想创建一个SVG元素，它的宽度由父元素的百分比和固定值定义，比如说50%+20px。对于普通的html元素，在CSS中你可以使用 calc(50% + 20px). 对于嵌入式SVG，是否有类似的方法可以做到这一点？具体来说，我使用的是snap.svg，虽然我不确定SVG是否存在这种功能。

EDIT:

试着设置 <svg> 宽度与百分比和 px，我不能让它工作。两种方法我都试过了。

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

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

我也试过在CSS中设置它

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

Answer 1

在即将到来的SVG2中，应该可以实现。width 成为 几何属性 然后你可以用 calc