被容器截断的SVG路径

SVG path cut-off by the container

本文关键字：SVG 路径      更新时间：2023-09-26

是我的SVG路径

我的CSS代码如下; 
svg {
    width: 200px;
   height: 200px;
    background-color: #2a0800;
}
svg path{
    stroke-width: 20;
    stroke-opacity: 1;
    stroke: #ff682b;
}

SVG路径被正方形的边界切割。我怎样才能动态地增加这个容器/黑色背景的大小，这样当我增加描边宽度时，我就不会得到这个截断

将padding放入svg解决了我的问题;

svg {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
}

这是svg的viewBox。有时候padding不能正常工作

相关文章：