Moyo/dist/demo-svg.html

<div><em>#checks</em><svg height="100" width="100"><rect style="fill: url(#checks);" height="100%" width="100%"></rect></svg></div><div><em>#checks-diagonal</em><svg height="100" width="100"><rect style="fill: url(#checks-diagonal);" height="100%" width="100%"></rect></svg></div><div><em>#grid</em><svg height="100" width="100"><rect style="fill: url(#grid);" height="100%" width="100%"></rect></svg></div><div><em>#grid-medium</em><svg height="100" width="100"><rect style="fill: url(#grid-medium);" height="100%" width="100%"></rect></svg></div><div><em>#cross-dots</em><svg height="100" width="100"><rect style="fill: url(#cross-dots);" height="100%" width="100%"></rect></svg></div><div><em>#vertical-lines</em><svg height="100" width="100"><rect style="fill: url(#vertical-lines);" height="100%" width="100%"></rect></svg></div><div><em>#horizontal-lines</em><svg height="100" width="100"><rect style="fill: url(#horizontal-lines);" height="100%" width="100%"></rect></svg></div><div><em>#diagonal-lines-left</em><svg height="100" width="100"><rect style="fill: url(#diagonal-lines-left);" height="100%" width="100%"></rect></svg></div><div><em>#diagonal-lines-right</em><svg height="100" width="100"><rect style="fill: url(#diagonal-lines-right);" height="100%" width="100%"></rect></svg></div><div><em>#vertical-stripes</em><svg height="100" width="100"><rect style="fill: url(#vertical-stripes);" height="100%" width="100%"></rect></svg></div><div><em>#horizontal-stripes</em><svg height="100" width="100"><rect style="fill: url(#horizontal-stripes);" height="100%" width="100%"></rect></svg></div><div><em>#diagonal-stripes-left</em><svg height="100" width="100"><rect style="fill: url(#diagonal-stripes-left);" height="100%" width="100%"></rect></svg></div><div><em>#diagonal-stripes-right</em><svg height="100" width="100"><rect style="fill: url(#diagonal-stripes-right);" height="100%" width="100%"></rect></svg></div><div><em>#double-diagonal-stripes</em><svg height="100" width="100"><rect style="fill: url(#double-diagonal-stripes);" height="100%" width="100%"></rect></svg></div><div><em>#zig-zag</em><svg height="100" width="100"><rect style="fill: url(#zig-zag);" height="100%" width="100%"></rect></svg></div><div><em>#zig-zag-3d</em><svg height="100" width="100"><rect style="fill: url(#zig-zag-3d);" height="100%" width="100%"></rect></svg></div><div><em>#triangles</em><svg height="100" width="100"><rect style="fill: url(#triangles);" height="100%" width="100%"></rect></svg></div><div><em>#quarter-circles</em><svg height="100" width="100"><rect style="fill: url(#quarter-circles);" height="100%" width="100%"></rect></svg></div><div><em>#seigaiha</em><svg height="100" width="100"><rect style="fill: url(#seigaiha);" height="100%" width="100%"></rect></svg></div><div><em>#wave</em><svg height="100" width="100"><rect style="fill: url(#wave);" height="100%" width="100%"></rect></svg></div><div><em>#yinyang</em><svg height="100" width="100"><rect style="fill: url(#yinyang);" height="100%" width="100%"></rect></svg></div><div><em>#circles-small</em><svg height="100" width="100"><rect style="fill: url(#circles-small);" height="100%" width="100%"></rect></svg></div><div><em>#circles-medium</em><svg height="100" width="100"><rect style="fill: url(#circles-medium);" height="100%" width="100%"></rect></svg></div><div><em>#circles-large</em><svg height="100" width="100"><rect style="fill: url(#circles-large);" height="100%" width="100%"></rect></svg></div><div><em>#stars</em><svg height="100" width="100"><rect style="fill: url(#stars);" height="100%" width="100%"></rect></svg></div><div><em>#squares</em><svg height="100" width="100"><rect style="fill: url(#squares);" height="100%" width="100%"></rect></svg></div><div><em>#paper</em><svg height="100" width="100"><rect style="fill: url(#paper);" height="100%" width="100%"></rect></svg></div><div><em>#cubes</em><svg height="100" width="100"><rect style="fill: url(#cubes);" height="100%" width="100%"></rect></svg></div>