SVG - Coordinate System


The SVG coordinates system is pixel-based :

  • 0,0 is the top-left corner of the drawing space
  • x values move to the right,
  • y values move down

See also: SVG - (Coordinates) Units (px, em, )


A user coordinate system can established with the viewBox attribute on the ‘svg’ element.

Documentation / Reference

Powered by ComboStrap