1 Install

    2 Showcase

      2.1 Empty Svg

      2.2 Five Circles

      2.3 Recursive Circle

      2.4 Recursive Fern

      2.5 Racket Logo

    3 Usage

      3.1 Basic steps to use simple-svg

      3.2 basic usage

      3.3 background

      3.4 multiple shapes

      3.5 use group

    4 Svg Style

    5 Gradient

    6 About Color

    7 Shape

    8 Rectangle

      8.1 rect

      8.2 rect with start point(no padding)

      8.3 rect with radius

      8.4 multiple rect

    9 Circle

      9.1 circle

      9.2 multiple circle

    10 Ellipse

      10.1 ellipse

    11 Line

      11.1 line

    12 Polyline

      12.1 polyline

    13 Polygon

      13.1 polygon

    14 Path

      14.1 Raw Path

      14.2 svg-path-moveto/svg-path-moveto*

      14.3 svg-path-close

      14.4 svg-path-lineto/lineto*/hlineto/vlineto

      14.5 svg-path-qcurve/qcurve*

      14.6 svg-path-ccurve/ccurve*

      14.7 svg-path-arc/arc*

    15 Arrow

      15.1 arrow

    16 Text

    17 Effect

    18 Filter

    19 Marker

    20 Group

      20.1 Combine shapes to group

      20.2 Define group, then use it in other group

    21 Gadget

    22 Table

    23 Reduce size

      23.1 Shape is auto squeezed

      23.2 Use group to reduce size