window.onload= function() { var svg = document.getElementsByTagName("svg")[0]; function draw() { ////////top left////////// x1=50 y1=50; x2=50; y2=250; // loop// for(i=0;i<17;i++){ //make line element var insert = ""; //add the line to svg svg.innerHTML+=insert; y1+=12.5; x2+=12.5; } x1=50; y1=50; x2=250; y2=50; // loop// for(i=0;i<17;i++){ //make line element var insert = ""; //add the line to svg svg.innerHTML+=insert; x1+=12.5; y2+=12.5; } ///////////////////////// //////////top right/////////// x1=450; y1=50; x2=250; y2=50; // loop// for(i=0;i<17;i++){ //make line element var insert = ""; //add the line to svg svg.innerHTML+=insert; x1-=12.5; y2+=12.5; } x1=450; y1=50; x2=450; y2=250; // loop// for(i=0;i<17;i++){ //make line element var insert = ""; //add the line to svg svg.innerHTML+=insert; x2-=12.5; y1+=12.5; } ////////////////////////// //////bottom right///////// x1=250; y1=250; x2=450; y2=250; // loop// for(i=0;i<17;i++){ //make line element var insert = ""; //add the line to svg svg.innerHTML+=insert; x1+=12.5; y2+=12.5; } x1=250; y1=250; x2=250; y2=450; // loop// for(i=0;i<17;i++){ //make line element var insert = ""; //add the line to svg svg.innerHTML+=insert; y1+=12.5; x2+=12.5; } /////////botttom left///////// x1=250; y1=250; x2=250; y2=450; // loop// for(i=0;i<17;i++){ //make line element var insert = ""; //add the line to svg svg.innerHTML+=insert; x2-=12.5; y1+=12.5; } x1=250; y1=250; x2=50; y2=250; // loop// for(i=0;i<17;i++){ //make line element var insert = ""; //add the line to svg svg.innerHTML+=insert; x1-=12.5; y2+=12.5; } ////////////////////////// } //calling the function draw(); }

Flower in Square [GEOMETRIC PATTERN #3]