Inkscape itself has lots of functions built around paths. M/m Move to L/l Line to H/h Horizontal line to V/v Vertical line to Q/q Quadratic curve to T/t Smooth quadratic curve to C/c Cubic curve to S/s Smooth cubic curve to A/a elliptical arc to Z/z Close the path The Mozilla SVG Tutorial has more information on paths. Values, and lowercase command indicates relative values. The uppercase command indicates parameters are absolute The command is a single letter followed byĪ value or a coordinate. Path element is more complicated than basic shapes. When we open theĭrawing in another program, the star shape may be treated as a path element.

The star shape is an Inkscape specific element. The example drawing below is created in Inkscape, On a drawing in Inkscape, we can create three types rect, circle, and ellipse directly. In SVG specs: line, rect, circle, ellipse, polyline, and polygon. Group tag with additional attribute groupmode to represent layers ➎. Tags of the same document can reference the defs tag. We can store some information in a defs tag, and other The defs is an abbreviationįor definitions ➍. Previous chapters) is also derived from this tag. The layer1 value refers to the id of a g tag. It has an attribute named current-layer with value layer1.

Other software does not have to recognize this tag. The sodipodi:namedview ➌ is an inkscape specific tag. Inkscape is forked from another software sodipodi, and So the attribute inkscape:version='1.1.' is an abbreviation for The attribute xmlns:inkscape='.' means that inkscape The contents of the file is wrapped inside the svg tag ➋. The first line and second line are Inkscape SVG boilerplate code.

Inkscape svg for web