Skip to content

Drawing Lines with SVG

1
2
3
<svg height="100" width="100">
  <line x1="20" y1="10" x2="90" y2="80" stroke="green" stroke-width="5"/>
</svg>

This example will generate the following circle:

Maze example

You can use lines to generate things like the maze below:

6 by 6 orthogonal maze 6 by 6 orthogonal maze generated by The Maze Generator Website (http://www.mazegenerator.net/).

To generate the maze above I used Maze Generator and set the size to be a 6X6 maze. I then used the SVG output option.