Html 如何给圆角svg六边形均匀的笔划宽度?
我已经做了一个圆角六边形与笔划宽度,但顶部和底部曲线是深色的。如何将笔划宽度均匀地赋给边框?这是我的svg代码Html 如何给圆角svg六边形均匀的笔划宽度?,html,css,svg,Html,Css,Svg,我已经做了一个圆角六边形与笔划宽度,但顶部和底部曲线是深色的。如何将笔划宽度均匀地赋给边框?这是我的svg代码 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 200.91789367798975 232" style="filter: drop-shadow(rgba(255, 255, 255, 0.498039) 0px 0px 10px);"> <pa
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 200.91789367798975 232" style="filter: drop-shadow(rgba(255, 255, 255, 0.498039) 0px 0px 10px);">
<path stroke="grey" stroke-width="0.8" fill="none" d="M79.67433714816835 11.999999999999998Q100.45894683899488 0 121.2435565298214 12L180.13328398716322 46Q200.91789367798975 58 200.91789367798975 82L200.91789367798975 150Q200.91789367798975 174 180.13328398716322 186L121.2435565298214 220Q100.45894683899488 232 79.67433714816835 220L20.784609690826528 186Q0 174 0 150L0 82Q0 58 20.784609690826528 46Z">
</path>
</svg>
这是同样的小提琴只要给它一些宽度和高度,它就会工作。笔划宽度甚至在svg上,您只是看不到整个形状,因为它超出了svg的界限
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="700" height="700" viewbox="0 0 200.91789367798975 232" style="filter: drop-shadow(rgba(255, 255, 255, 0.498039) 0px 0px 10px);">
<path stroke="grey" stroke-width="0.8" fill="none" d="M79.67433714816835 11.999999999999998Q100.45894683899488 0 121.2435565298214 12L180.13328398716322 46Q200.91789367798975 58 200.91789367798975 82L200.91789367798975 150Q200.91789367798975 174 180.13328398716322 186L121.2435565298214 220Q100.45894683899488 232 79.67433714816835 220L20.784609690826528 186Q0 174 0 150L0 82Q0 58 20.784609690826528 46Z">
</path>
</svg>
这里有一个更新的小提琴:只要给它一些宽度和高度,它就会工作。笔划宽度甚至在svg上,您只是看不到整个形状,因为它超出了svg的界限
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="700" height="700" viewbox="0 0 200.91789367798975 232" style="filter: drop-shadow(rgba(255, 255, 255, 0.498039) 0px 0px 10px);">
<path stroke="grey" stroke-width="0.8" fill="none" d="M79.67433714816835 11.999999999999998Q100.45894683899488 0 121.2435565298214 12L180.13328398716322 46Q200.91789367798975 58 200.91789367798975 82L200.91789367798975 150Q200.91789367798975 174 180.13328398716322 186L121.2435565298214 220Q100.45894683899488 232 79.67433714816835 220L20.784609690826528 186Q0 174 0 150L0 82Q0 58 20.784609690826528 46Z">
</path>
</svg>
这里有一个更新的提琴:六边形的边正在从视口的边上脱落…更改
viewbox=“-1 0 203 232”
使其适合。它成功了!非常感谢您..@Niet the Dark Absolute您的六边形的边正在从视口的边上脱落…更改viewbox=“-1 0 203 232”
使其适合。它成功了!非常感谢您..@黑暗的绝对