尽管viewbox与宽度和高度成比例，但为什么SVG会出现裁剪？

Question

我刚刚和this SVG image一起玩，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会因为超出视框范围而被裁剪