我很难理解我的 viewBox 上 SVG 形状的坐标系。在 Inkscape 中,我将页面大小设置为 A4 纸大小(宽度 = 793.70079,高度 = 1122.51969),并且我有一个边长为 100x100 的矩形。当我在 Inkscape 中向上移动矩形时,正如您在下面的第一张图片中看到的那样,y 坐标正在增长,而向下移动会减小 Y 值。在我看来,这与将左上角设置为 (0, 0) 并且 Y 向页面底部增加的概念相反。
朝向左上角的矩形:
朝向左下角的矩形:
更具体地说,我的 viewBox 的 (0, 0) 点似乎是左下角而不是左上角(这似乎也适用于我的矩形,因此将其 (x, y) 设置为 (0, 0)在左下角)。有人可以指出我所缺少的吗?