examples/readme/tiled_lines.svg

<svg height="384" width="384" xmlns="http://www.w3.org/2000/svg">
<rect fill="#222" height="100%" width="100%" x="0" y="0"/>
<path d="M 48 0 L 0 48" fill="none" stroke="rgb(81,85,31)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 48 48 L 0 96" fill="none" stroke="rgb(85,31,253)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 48 96 L 0 144" fill="none" stroke="rgb(31,253,17)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 48 144 L 0 192" fill="none" stroke="rgb(253,17,156)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 48 192 L 0 240" fill="none" stroke="rgb(17,156,209)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 0 240 L 48 288" fill="none" stroke="rgb(156,209,206)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 48 288 L 0 336" fill="none" stroke="rgb(209,206,160)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 0 336 L 48 384" fill="none" stroke="rgb(206,160,35)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 48 0 L 96 48" fill="none" stroke="rgb(160,35,249)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 96 48 L 48 96" fill="none" stroke="rgb(35,249,161)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 96 96 L 48 144" fill="none" stroke="rgb(249,161,56)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 96 144 L 48 192" fill="none" stroke="rgb(161,56,144)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 48 192 L 96 240" fill="none" stroke="rgb(56,144,238)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 48 240 L 96 288" fill="none" stroke="rgb(144,238,1)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 48 288 L 96 336" fill="none" stroke="rgb(238,1,79)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 96 336 L 48 384" fill="none" stroke="rgb(1,79,141)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 0 L 96 48" fill="none" stroke="rgb(79,141,83)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 48 L 96 96" fill="none" stroke="rgb(141,83,183)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 96 L 96 144" fill="none" stroke="rgb(83,183,81)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 144 L 96 192" fill="none" stroke="rgb(183,81,85)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 192 L 96 240" fill="none" stroke="rgb(81,85,31)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 240 L 96 288" fill="none" stroke="rgb(85,31,253)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 288 L 96 336" fill="none" stroke="rgb(31,253,17)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 336 L 96 384" fill="none" stroke="rgb(253,17,156)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 192 0 L 144 48" fill="none" stroke="rgb(17,156,209)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 48 L 192 96" fill="none" stroke="rgb(156,209,206)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 192 96 L 144 144" fill="none" stroke="rgb(209,206,160)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 144 L 192 192" fill="none" stroke="rgb(206,160,35)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 144 192 L 192 240" fill="none" stroke="rgb(160,35,249)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 192 240 L 144 288" fill="none" stroke="rgb(35,249,161)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 192 288 L 144 336" fill="none" stroke="rgb(249,161,56)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 192 336 L 144 384" fill="none" stroke="rgb(161,56,144)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 192 0 L 240 48" fill="none" stroke="rgb(56,144,238)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 192 48 L 240 96" fill="none" stroke="rgb(144,238,1)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 192 96 L 240 144" fill="none" stroke="rgb(238,1,79)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 240 144 L 192 192" fill="none" stroke="rgb(1,79,141)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 240 192 L 192 240" fill="none" stroke="rgb(79,141,83)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 240 240 L 192 288" fill="none" stroke="rgb(141,83,183)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 240 288 L 192 336" fill="none" stroke="rgb(83,183,81)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 240 336 L 192 384" fill="none" stroke="rgb(183,81,85)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 0 L 240 48" fill="none" stroke="rgb(81,85,31)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 48 L 240 96" fill="none" stroke="rgb(85,31,253)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 96 L 240 144" fill="none" stroke="rgb(31,253,17)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 144 L 240 192" fill="none" stroke="rgb(253,17,156)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 192 L 240 240" fill="none" stroke="rgb(17,156,209)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 240 240 L 288 288" fill="none" stroke="rgb(156,209,206)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 288 L 240 336" fill="none" stroke="rgb(209,206,160)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 240 336 L 288 384" fill="none" stroke="rgb(206,160,35)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 0 L 336 48" fill="none" stroke="rgb(160,35,249)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 336 48 L 288 96" fill="none" stroke="rgb(35,249,161)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 336 96 L 288 144" fill="none" stroke="rgb(249,161,56)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 336 144 L 288 192" fill="none" stroke="rgb(161,56,144)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 192 L 336 240" fill="none" stroke="rgb(56,144,238)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 240 L 336 288" fill="none" stroke="rgb(144,238,1)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 288 288 L 336 336" fill="none" stroke="rgb(238,1,79)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 336 336 L 288 384" fill="none" stroke="rgb(1,79,141)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 384 0 L 336 48" fill="none" stroke="rgb(79,141,83)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 384 48 L 336 96" fill="none" stroke="rgb(141,83,183)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 384 96 L 336 144" fill="none" stroke="rgb(83,183,81)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 384 144 L 336 192" fill="none" stroke="rgb(183,81,85)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 384 192 L 336 240" fill="none" stroke="rgb(81,85,31)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 384 240 L 336 288" fill="none" stroke="rgb(85,31,253)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 384 288 L 336 336" fill="none" stroke="rgb(31,253,17)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
<path d="M 384 336 L 336 384" fill="none" stroke="rgb(253,17,156)" stroke-linecap="square" stroke-opacity="0.75" stroke-width="5"/>
</svg>