为什么HTML / SVG坐标0,0从左上角开始?

时间:2014-09-10 22:02:47

标签: javascript html svg

只是想知道HTML / SVG在浏览器中将0,0作为左上角的原因是什么?这有什么好处吗?

与传统智慧(经典几何学)相反,Y值越大,它们在屏幕上的值越低。

2 个答案:

答案 0 :(得分:3)

Because that's how CSS which predates SVG works.

在大多数情况下,例如在XML父文档中嵌入(通过引用或内联)的独立SVG文档或SVG文档片段,其中父级的布局由CSS [CSS2]或XSL [XSL]确定,初始视口坐标系(因此初始用户坐标系)的原点位于视口的顶部/左侧,正x轴指向右侧,正y轴指向下方,

答案 1 :(得分:1)

这是典型电视的起源,很可能在它们被发明时被翻译成电脑显示器。绘制到屏幕的第一个像素位于左上角位置......它从右侧向下并向下流动。

windows coordinate system将0,0点放在矩形的左上角。