Numbers as database

Widgets like SVG suite use sequences of numbers as a database to indicate the single coordinates of every point.

The widgets are:

  • SVG Morphing;

  • SVG ImageMask;

  • SVG TextPath.


Path

The path tag is one of the basic SVG shapes (path, line, polyline, polygon, circle, ellipse, rectangle, text, image).

The path is written as a sequence of numbers that indicates the coordinates of a closed line both positive and negative. You can try the code below saving it as triangle.svg. (on the right you can see the result)


Path (more complex)

This is a more complex example of a path, a positive shape (the heart), and negative (the circle in the middle), and another two separated shapes.


How can I get different shapes?

  • Adobe illustratorĀ®: simply with copy and paste in a text editor;

  • InkScapeĀ© you can export your project in SVG format;

  • If you open any SVG file with a text editor you can edit it.

Did this answer your question?