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