Girih Pattern Tesselated

 

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

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 CodePen to create the inner star of this patter.  That way I can implement the main pattern using a single polyline SVG element, while enforcing 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 — which may produce more fascinating tessellations based on a simple pattern such as this.

 

#  #  #