我正在尝试创建一个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);
}