Links


SVG

basic Shapes

Circle

 

Rectangles

Ellipses

Line

Polygon

Polyline

Path

M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Bezier curve (A Bezier curve with one control point)
T = smooth quadratic Bezier curveto
A = elliptical Arc
Z = closepath

A B C

text

WASHU! Kelvin

 

Several lines: Put lines... in tspans.... with different y values. http://www.w3schools.com/svg/

Stroke

Filters

Blur

Offset

The shadow is the alpha channel of the square

The shadow is the square which is blurred and has color changed.

Misc

Image

The SVG element is used to embed bitmap images inside your SVG image. This way you can draw ontop of, or next to, the bitmap image. And/or use filters on them.