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.
# # #