function Dot(x,y) { this.x=x; this.y=y; } function init() { // alert("start"); var o=document.getElementsByTagName("body")[0]; // o.style="background:whitesmoke;"; o.innerHTML='

Hexagons'+ '

click/touch the screen...

'; var s=document.getElementsByTagName("svg")[0]; // s.style="background:white;"; s.innerHTML+=''+ngone(50,6)+''; s.onclick=svgclic; } function getcenter(e) { // e -> html element // alert(e); var p=new Dot(); /* if (e.offsetWidth) { p.x=e.offsetWidth; p.y=e.offsetHeight; } else if (e.style.pixelWidth) { p.x=e.style.pixelWidth; p.y=e.style.pixelHeight; } else { */ var r=e.getBoundingClientRect(); p.x=r.width/2; p.y=r.height/2; // throw new Error('Can\'t determine view size :('); // alert(p.x+', '+p.y); // } return p; } function svgclic(e) { // alert(e.clientX+"x"+e.clientY); // alert("svguse"); var s=document.getElementsByTagName("svg")[0]; var c=getcenter(s); // var u=''; var u=''; s.innerHTML+=u; // alert(s.innerHTML); } function ngone(r,n) { // r -> radius ( max size ) // n -> vertices count var d=Math.floor(n/2); var p=[]; var a=2*Math.PI/n; var ai; var s=''; } return s+'Z"/>'+nstar; }