javascript - 容器切断的SVG路径

This是我的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;
}

关于javascript - 容器切断的SVG路径，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39310121/