window.onload= function(){ var svg = document.getElementsByTagName("svg")[0]; function setUp() { //top left //reasign variables for each section. //top left// x1=300; x2=275; y1=50; y2=300; //then the loop// for(i=0;i<20;i++){ var insert = ""; svg.innerHTML+=insert; y1+=12.5; x2-=12.5; } //top right// x1=300; x2=325; y1=50; y2=300; for(i=0;i<20;i++){ var insert = ""; svg.innerHTML+=insert; //only the incrimented variables need to change. y1+=12.5; x2+=12.5; } //do the same for the bottom sections// //bottom right// x1=300; x2=300; y1=300; y2=550; for(i=0;i<20;i++){ var insert = ""; svg.innerHTML+=insert; //only the incrimented variables need to change. x1+=12.5; y2-=12.5; } //bottom left// x1=50; x2=300; y1=300; y2=300; for(i=0;i<20;i++){ var insert = ""; svg.innerHTML+=insert; //only the incrimented variables need to change. x1+=12.5; y2+=12.5; } //more lines x1=300; x2=287.5; y1=50; y2=300; var insert = ""; svg.innerHTML+=insert; //------------------------// x1=300; x2=312.5; y1=50; y2=300; var insert = ""; svg.innerHTML+=insert; } //then call the function// setUp(); }

Spider Web (GEOMETRIC PATTERN v 2.0)