尺寸为px和百分比的SVG?

时间:2016-03-23 17:03:27

标签: svg snap.svg

我正在尝试创建一个SVG元素,其宽度由父项的百分比和固定值定义,例如50%+ 20px。对于普通的html元素,在CSS中你可以使用calc(50% + 20px)。对于嵌入式SVG,是否有相同的方法来执行此操作?具体来说,我正在使用snap.svg,但我不确定这种功能是否一般存在于SVG中。

编辑:

尝试使用百分比和px设置<svg>宽度,这是我无法工作的。我试过了两个:

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

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

我也尝试在CSS中设置它:

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

1 个答案:

答案 0 :(得分:0)

即将推出的SVG2可能会变成width等,然后变成geometry properties,然后可以使用calc对其进行样式设置