On this page:
Simple-Svg:   Scalable Vector Graphics
8.12

Simple-Svg: Scalable Vector Graphics🔗ℹ

Chen Xiao <chenxiao770117@gmail.com>

simple-svg package is a simple tool to write svg.

thanks to Joni’s tutorial: "Svg Pocket Guide".

    1 Install

    2 Showcase

      2.1 Empty Svg

      2.2 Recursive Circle

      2.3 Recursive Fern

    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 Rectangle

      5.1 rect

      5.2 rect with start point(no padding)

      5.3 rect with radius

      5.4 multiple rect

    6 Circle

      6.1 circle

      6.2 multiple circle

    7 Ellipse

      7.1 ellipse

    8 Line

      8.1 line

    9 Polyline

      9.1 polyline

    10 Polygon

      10.1 polygon

    11 Path

      11.1 Raw Path

      11.2 svg-path-moveto/svg-path-moveto*

      11.3 svg-path-close

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

      11.5 svg-path-qcurve/qcurve*

      11.6 svg-path-ccurve/ccurve*

      11.7 svg-path-arc/arc*

    12 Text

    13 Gradient

    14 Group

      14.1 Combine shapes to group

      14.2 Define group, then use it in other group