Scalable Vector Graphics : SVG - Basic concepts of drawing

Basic concepts of drawing when using SVG to create some graphics or logo.

How the SVG  coordinate systems, transformations and units look like.

SVG coordinate systems was different from traditional coordinate.

SVG y-axis has a reverse direction as compare to traditional coordinate.

Below is the chart that define the basic concepts of SVG coordinate.



SVG coordinate (x-axis,y-axis).