Girih Pattern Tesselated

 

And now, after all the hard work, here is the moment I have been waiting for… my first SVG Islamic Pattern tesselation!

It looks even more awesome on the browser when you run the code directly, and/or you have a big hi def screen.

If you look closely, there are imperfections.

I am going to fix these next by using the <marker> technique I discussed on Codepan to create the inner star of this patter.  That way I can implerment the main pattern using a single polyline SVG element, and maintain total geometric accuracy with respect to the angles and lines.

I will also be trying various things with the <pattern> element in SVG in the days and weeks ahead, as there are quite a few knobs to twist and turn in that regard that no doubt will product more fascinating tesselations based on this simple pattern.

 

#  #  #