컨테이너에 의한 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; 
}