Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何给圆角svg六边形均匀的笔划宽度?_Html_Css_Svg - Fatal编程技术网

Html 如何给圆角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代码

 <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”
使其适合。它成功了!非常感谢您..@黑暗的绝对