Javascript SVG路径被容器切断

这是我的SVG路径

我的CSS代码如下

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

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

---

SVG路径被正方形的边界切割。如何动态地增加这个容器/黑色背景的大小，以便在增加笔划宽度时，不会得到这个截止值。

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

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

---

这是svg的viewBox。有时填充不起相应作用

调整视图框：@Paul我没有在

标记之间定义svg元素，而是从属于库的函数返回svg对象。那么，在这一点上，我如何使用viewbox呢？使用一个应用viewbox.CSS技巧可以分解您的选项和最有效的方法。