盡管viewbox與寬度和高度成比例，為什么SVG仍被裁剪？

Question

我只是用這個SVG圖像來修飾，svg如下所示：

<svg width=200 height=200 viewbox="0 0 240 240" >
    <path d="M220, 220
            A200, 200, 0, 0, 0, 20, 20
            L 20, 220
            Z"
    fill = "lightskyblue">
    </path>
</svg>

現在注意兩件事， width=200 height=200 ，高度和寬度分別設置為200 ，視圖框設置為"0 0 240 240" 。 現在，如果將視圖框設置為"0 0 200 200"則圖像將被剪切，這是為什么呢？

我相信，由於高度和寬度分別設置為200 and 200 ，並且視圖框設置為"0 0 200 200"因此svg應該是100％可見的，但事實並非如此。

Answer 1

您的視圖框尺寸設置為200 ，但是路徑包含值220 ，因此svg顯示為已裁剪，因為它超出了視圖框的范圍