和很多計算機繪圖所使用的坐標系統(tǒng)一樣，SVG 也使用了網(wǎng)格坐標系統(tǒng)。這種坐標系有如下幾個特點: 以左上角為坐標系的原點(0,0) X 軸的正方向向右，從 0,0 點開始向右， x 逐漸增大。Y 軸的正方向向下，從 0,0 點開始向下， y 逐漸增大。 坐標以像素為單位
SVG（和大多數(shù)其他計算機圖形）的坐標系統(tǒng)與數(shù)學(xué)，圖形等的坐標系略有不同。
在直角坐標系中，點x=0，y=0位于圖形的左下角。隨著x的增加，點在坐標系中向右移動。當x減小時，點在坐標系中向左移動。隨著y的增加，點在坐標系中向上移動。當y減小時，點在坐標系中向下移動。
這是一個普通圖形坐標系的圖示，其左下角為0,0：
在SVG坐標系中，點x=0，y=0是左上角。因此，與普通的圖形坐標系相比，y軸是相反的。隨著SVG中y的增加，點、形狀等向下移動，而不是向上移動。
這是SVG坐標系的圖示，左上角的0,0：
可以指定SVG坐標系中1個單位對應(yīng)的單位。您可以在任何可以指定坐標（x和y位置，width和height等）的地方執(zhí)行此操作。您可以在值后指定單位，例如10cm或125mm。
如果在坐標值后未指定任何單位，則假定該單位為像素(px)。
這是可以與SVG元素一起使用的單位的列表：
| 單元 | 描述 |
|---|---|
| em | 默認字體大小-通常是字符的高度。 |
| ex | 字符x的高度 |
| px | 像素 |
| pt | 點（1/72英寸） |
| pc | Picas（1/6英寸） |
| cm | 公分 |
| mm | 毫米 |
| in | 英制 |
<svg>在width和height 屬性中 在元素上設(shè)置的單位僅影響該<svg> 元素（視口）。<svg>元素內(nèi)的形狀必須設(shè)置自己的單位。同樣，如果未指定單位，則默認單位為像素。