【发布时间】：2016-07-11 02:41:34
【问题描述】：
我正在尝试创建一个 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);
}
【问题讨论】：
-
您可以对根
<svg>元素执行此操作。你试过发现问题了吗？ -
我试图为 SVG 中的一个元素做这件事——比如
<rect> -
不，这还不可能。它会在未来的某个时候。
-
好的，很高兴知道。如果我嵌套了
-
我正在尝试使用 SVG 元素，但无法正常工作。 ://