是否可以将 SVG 图像包装在边框内（即 - 在该图像周围放置 CSS 边框）。
问问题
67922 次
2 回答
39
画一个<rect>圆形填充=“无”的图像。您可以使用笔划<rect>作为边框。
于 2013-02-07T12:35:16.793 回答
15
以下是一些在 Firefox 中测试的示例：
<svg width="100" height="100" style="border:1px solid black">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
<br><br>
<svg width="300" height="100" style="border:1px solid black">
<rect width="300" height="100" style="fill:rgb(110, 50, 25); stroke-width:4; stroke:rgb(43, 222, 221);" />
</svg>
<br><br>
<svg width="170" height="170" style="border:1px solid black">
<rect x="10" y="10" width="150" height="150" style="fill:blue; stroke:pink; stroke-width:5; fill-opacity:0.1; stroke-opacity:0.9;" />
</svg>
希望能帮助到你。:)
于 2019-06-13T15:30:47.103 回答