怎么给 SVG 图形加一个贴合自身形状的 border，或者是贴合自身大小的方形？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 1529 天前的主题，其中的信息可能已经有所发展或是发生改变。

详见图片链接：
https://i.loli.net/2020/10/13/NQVjyrioZ3SmsIR.png

svg

border

方形

详见

3 条回复 • 2020-10-14 14:13:26 +08:00

ysc3839

2020-10-13 19:56:37 +08:00 via Android

把 SVG 发来看看？

Pokemon123

2020-10-14 13:31:33 +08:00

@ysc3839
<svg id="svg-wrap" width="600" height="600" viewBox="0 0 600 600">
<polygon points="50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180" stroke="green" fill="transparent" stroke-width="5" my-attr="3" />
<ellipse cx="200" cy="200" rx="50" ry="20" my-attr="1" class="demo"/>
</svg>

ysc3839

2020-10-14 14:13:26 +08:00 via Android

@Pokemon123 如果只有 path 的话还好搞，有别的形状就更复杂了。