SVG 자르기

아니요, 그게 정상입니다. 자르기는 viewBox를 옮길 뿐이라 바깥의 도형은 여전히 파일 안에 있습니다. 브라우저가 그리지 않을 뿐입니다. 남은 것을 정리하고 싶다면 자른 파일을 SVG 최적화 도구에 통과시키세요.

네. 아무것도 지워지지 않았기 때문에, 자른 파일을 여기서 다시 열고 상자를 바깥으로 끌면 그림 전체가 복원됩니다. JPG를 자르는 것과의 실질적인 차이가 바로 이것입니다.

viewBox의 사용자 단위, 즉 SVG 자체의 좌표계이기 때문입니다. 너비가 24단위인 파일이 512픽셀로 렌더링될 수도 있습니다. width와 height 속성은 비율에 맞춰 함께 조정되므로, 자른 파일은 여러분이 예상한 크기로 표시됩니다.

파일의 width와 height에 맞춰 하나를 대신 추가해 드립니다. viewBox가 없으면 옮길 창문도 없어서 자르기가 작용할 대상이 없습니다. 추가해도 보이는 모습은 전혀 달라지지 않습니다.

SVG에 width와 height 속성이 없었다면 — CSS로 크기를 정하는 아이콘의 일반적인 구성입니다 — 그대로 유지됩니다. 이 속성들은 원래 있던 경우에만 다시 쓰입니다.

아니요. 파일은 브라우저 안에서 해석되고 다시 쓰입니다.