javascript - 容器 chop 的 SVG 路径

Question

This是我的 SVG 路径

我的CSS代码如下；

svg {
    width: 200px;
   height: 200px;
    background-color: #2a0800;
}

svg path{
    stroke-width: 20;
    stroke-opacity: 1;
    stroke: #ff682b;
}

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

Answer 1

将填充放入 svg 中解决了我的问题；

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