`;u.innerHTML=f;u.querySelectorAll(".input-check").forEach(n=>{n.onclick=n=>{n.stopPropagation();let i=document.querySelector("#cir1btnbox"),r=document.querySelector("#poly3btnbox"),u=i.querySelector(".input-check:checked"),f=r.querySelectorAll(".input-check:checked"),e=u?1:0,t=[];f.forEach(n=>{t.push(parseInt(n.title))});canva7(e,t,!1)},n.checked=!0})}function canva6(){let r=cavlib("canvas6").style(),n=r.ctx,t={x:150,y:70,r:40,bg:"steelblue"};n.arc(t.x,t.y,t.r,0,Math.PI*2);n.fillStyle=t.bg;n.fill();n.beginPath();n.arc(t.x,t.y,2,0,Math.PI*2);n.fillStyle="red";n.fill();n.save();n.translate(t.x,t.y);for(var i=0;i<3;i++){n.save();let u=t.r+20;n.rotate(Math.PI*2*i/3);n.save();n.beginPath();n.setLineDash([5]);n.strokeStyle=n.fillStyle="orangered";r.lineArrow([0,0,u+10,0],10);n.restore();n.beginPath();n.moveTo(u,-t.r-15);n.lineTo(u,t.r+15);n.strokeStyle="gray";n.stroke();n.beginPath();n.arc(u,-t.r,2,0,Math.PI*2);n.arc(u,t.r,2,0,Math.PI*2);n.fillStyle="blue";n.fill();n.restore()}n.restore()}function canva5(){let e=cavlib("canvas5").style(),i=e.ctx;i.font="16px serial";i.textAlign="center";let n={x:20,y:70,r:28,speed:25,bg:"gray"},t={x:275,y:50,r:35,speed:-25,bg:"steelblue"},r=[n,t],u=0,f=e=>{let s=e-u;u=e;i.clearRect(0,0,300,150);for(var o=0;o0?-randInt(1,10):+randInt(1,10));t.speed=-t.speed+(t.speed>0?-randInt(1,10):+randInt(1,10));i.save();i.translate(n.x,n.y);i.rotate(Math.atan((n.y-t.y)/(n.x-t.x)));let r=n.r+t.r;i.moveTo(n.r,r);i.lineTo(n.r,-r);i.strokeStyle="red";i.stroke();i.beginPath();i.moveTo(0,0);i.lineTo(r,0);i.stroke();i.restore();setTimeout(()=>{n.x-=1,t.x+=1,u+=1e3,window.requestAnimationFrame(f)},1e3);return}n.x+=n.speed*s/1e3;t.x+=t.speed*s/1e3;n.x300-n.r&&(n.x=300-n.r,n.y=randInt(50,100),n.speed=-randInt(25,60));t.x300-t.r&&(t.x=300-t.r,t.y=randInt(50,100),t.speed=-randInt(25,60));window.requestAnimationFrame(f)};window.requestAnimationFrame(f)}function canva4(){var t;let o=cavlib("canvas4").style(),n=o.ctx;n.font="18px serial";let i={x:20,y:70,r:20,bg:"gray"},r={x:90,y:50,r:25,bg:"steelblue"},u={x:180,y:90,r:35,bg:"olive"},f={x:210,y:40,r:30,bg:"chartreuse"},e=[i,r,u,f];for(t=0;t
`;u.innerHTML=f;u.querySelectorAll(".input-check").forEach(n=>{n.onclick=n=>{n.stopPropagation();let r=document.querySelector("#poly1btnbox"),u=document.querySelector("#poly2btnbox"),f=r.querySelectorAll(".input-check:checked"),e=u.querySelectorAll(".input-check:checked"),t=[],i=[];f.forEach(n=>{t.push(parseInt(n.title))});e.forEach(n=>{i.push(parseInt(n.title))});canva3(t,i,!1)},n.checked=!0})}function canva3(n=null,t=null,i=true){var u,f,s;let h=cavlib("canvas3").style(),r=h.ctx;r.canvas.width=500;r.canvas.height=380;r.font="16px serial";let e=[110,130,210,100,210,170,90,220];drawPolygon(r,e,"steelblue");let o=[240,120,350,120,370,140,310,230,275,225];for(drawPolygon(r,o,"olive"),i==!0&&(createBtnForPolys(e,"poly1btnbox"),createBtnForPolys(o,"poly2btnbox")),r.fillStyle="brown",u=0,f=0;u0?p.maxx.x+20:p.minx.x-20,g=p.miny.y-20,nt=p.maxy.y+20,b=!1,k=maxPoint(t),d=maxPoint(a);for(k.miny.y>d.maxy.y||k.maxy.y0?10:-10),0],10),r.restore(),r.beginPath(),r.moveTo(v,g),r.lineTo(v,nt),r.strokeStyle=b==!0?"chartreuse":"gray",r.stroke(),r.fillStyle="blue",s=0;s0?p.maxx.x+20:p.minx.x-20,g=p.miny.y-20,nt=p.maxy.y+20,w=!1,b=maxPoint(n),k=maxPoint(a);for(b.miny.y>k.maxy.y||b.maxy.y0?10:-10),0],10),r.restore(),r.beginPath(),r.moveTo(v,g),r.lineTo(v,nt),r.strokeStyle=w==!0?"chartreuse":"gray",r.stroke(),r.fillStyle="olive",s=0;sn[t].x&&(r.x=n[t].x,r.y=n[t].y),maxY.yn[t].y&&(u.x=n[t].x,u.y=n[t].y);return{maxx:i,maxy:maxY,minx:r,miny:u}}function drawPolygon(n,t,i){n.save();i&&(n.fillStyle=i);n.beginPath();n.moveTo(t[0],t[1]);for(var r=2;r{let i=n=>{let i=n.concat(n[0],n[1]),r=[];for(var t=0;t{let u=n-i,f=t-r;return{x:u,y:f}},s=(n,t,i)=>{let r=n*Math.cos(i)+t*Math.sin(i),u=t*Math.cos(i)-n*Math.sin(i);return{x:parseFloat(r.toFixed(4)),y:parseFloat(u.toFixed(4))}},h=(n,t,i,r)=>{let u=n/i,f=t/r;return{x:u,y:f}},r=(n,t,i)=>{let r={x:n,y:t};for(var u=0;u{let i={x:n[0].x,y:n[0].y};maxY={x:n[0].x,y:n[0].y};let r={x:n[0].x,y:n[0].y},u={x:n[0].x,y:n[0].y};for(var t=1;tn[t].x&&(r.x=n[t].x,r.y=n[t].y),maxY.yn[t].y&&(u.x=n[t].x,u.y=n[t].y);return{maxx:i,maxy:maxY,minx:r,miny:u}},u=(n,t,i,u)=>{let o=[{x:0,y:0}],f={x:n[2*u+2],y:n[2*u+3]};u==o.length/2-1&&(f={x:n[0],y:n[1]});f=r(f.x,f.y,[t,{angle:i}]);for(var e=0;e{let f=[];for(var u=0;u[{x:n.r,y:0},{x:0,y:n.r},{x:0,y:-n.r}],l=(n,t,i)=>{let f=[],u=r(n.x,n.y,[t,{angle:i}]);return f.push({x:u.x+(u.x>0?n.r:-n.r),y:u.y}),f.push({x:u.x,y:u.y+n.r}),f.push({x:u.x,y:u.y-n.r}),f},a=(n,t)=>{let u={x:t[0],y:t[1]},f=Math.pow(n.x-t[0],2)+Math.pow(n.y-t[1],2);for(var r=2;ri&&(f=i,u.x=t[r],u.y=t[r+1])}let e=i([n.x,n.y,u.x,u.y])[0];return e==null?Math.PI/2:Math.atan(-1/e)},f={};f.polyons=(n,r)=>{var f;if(!n||n.length<3||!r||r.length<3)return!1;let o=i(n),s=i(r);for(f=0;fc.maxy.y||h.maxy.yc.maxy.y||h.maxy.y{if(!n||n.length<3||!r)return!1;let e=i(n);for(var f=0;fh.maxy.y||s.maxy.ys.maxy.y||o.maxy.y