index.9a0f0b32.js 2.0 KB

1
  1. import{j as f,r as i,a as r,o as d,D as v,t as _,_ as h,b as p,d as C,h as k}from"./index.75ed247b.js";const I=f({setup(){const c=[{x:100,y:100,msg:1},{x:200,y:100,msg:2},{x:300,y:100,msg:3},{x:400,y:100,msg:4},{x:500,y:100,msg:1},{x:600,y:100,msg:2},{x:700,y:100,msg:3},{x:800,y:100,msg:4},{x:900,y:100,msg:1},{x:100,y:300,msg:2},{x:200,y:300,msg:3},{x:300,y:300,msg:4},{x:400,y:300,msg:2},{x:500,y:300,msg:3},{x:600,y:300,msg:4},{x:700,y:300,msg:2},{x:800,y:300,msg:3},{x:900,y:300,msg:4},{x:100,y:500,msg:2},{x:200,y:500,msg:3},{x:300,y:500,msg:4},{x:400,y:500,msg:2},{x:500,y:500,msg:3},{x:600,y:500,msg:4},{x:700,y:500,msg:2},{x:800,y:500,msg:3},{x:900,y:500,msg:4},{x:100,y:700,msg:2},{x:200,y:700,msg:3},{x:300,y:700,msg:4},{x:400,y:700,msg:2},{x:500,y:700,msg:3},{x:600,y:700,msg:4},{x:700,y:700,msg:2},{x:800,y:700,msg:3},{x:900,y:700,msg:4}],m=(t,s)=>{const{ctx:e,x:o=50,y:l=50,length:y=50,onClick:u=()=>{}}=t,a=Math.sqrt(Math.pow(y,2)/2);e.beginPath(),e.moveTo(o,l),e.lineTo(o+a,l-a),e.lineTo(o+2*a,l),e.lineTo(o+2*a,l+y),e.lineTo(o+a,l+y+a),e.lineTo(o,l+y),e.lineTo(o,l),s&&e.isPointInPath(s.x,s.y)?(e.fill(),e.stroke(),u()):e.stroke()},n=i(null),g=i(null),x=r({cInfo:{top:0,left:0},CanvasOnClick:t=>{g.value.clearRect(0,0,n.value.width,n.value.height),c.forEach(s=>{m({ctx:g.value,...s,onClick:()=>{console.log(s.msg)}},{x:t.clientX-x.cInfo.left,y:t.clientY-x.cInfo.top})})}});return d(()=>{v(()=>{console.log(" meCanvas.value",n.value)}),n.value.width=document.documentElement.clientWidth,n.value.height=document.documentElement.clientHeight;var t=n.value.getBoundingClientRect();x.cInfo={top:t.top,left:t.left},g.value=n.value.getContext("2d");const s=g.value;s.strokeStyle="#fff",s.fillStyle="#fff",c.forEach(e=>{m({ctx:s,...e,onClick:()=>{console.log(e.msg)}},null)})}),{..._(x),meCanvas:n}}});const T={class:"wrap"};function w(c,m,n,g,x,t){return k(),p("div",T,[C("canvas",{onClick:m[0]||(m[0]=(...s)=>c.CanvasOnClick&&c.CanvasOnClick(...s)),ref:"meCanvas",class:"meCanvas2"},null,512)])}const b=h(I,[["render",w],["__scopeId","data-v-6cd2e745"]]);export{b as default};