1 |
- !function(){function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(t)}function t(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function n(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?t(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):t(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function o(t,n,o){return(n=function(t){var n=function(t,n){if("object"!==e(t)||null===t)return t;var o=t[Symbol.toPrimitive];if(void 0!==o){var r=o.call(t,n||"default");if("object"!==e(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(t)}(t,"string");return"symbol"===e(n)?n:String(n)}(n))in t?Object.defineProperty(t,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[n]=o,t}System.register(["./index-legacy-40d33282.js"],(function(e,t){"use strict";var o,r,i,c,l,s,u,a,m,y,f=document.createElement("style");return f.textContent=".wrap[data-v-6cd2e745]{margin:.20833rem 0 0 .15625rem}.meCanvas2[data-v-6cd2e745]{background:red}\n",document.head.appendChild(f),{setters:[function(e){o=e.j,r=e.r,i=e.a,c=e.o,l=e.D,s=e.t,u=e._,a=e.b,m=e.d,y=e.h}],execute:function(){var t=o({setup:function(){var e=[{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}],t=function(e,t){var n=e.ctx,o=e.x,r=void 0===o?50:o,i=e.y,c=void 0===i?50:i,l=e.length,s=void 0===l?50:l,u=e.onClick,a=void 0===u?function(){}:u,m=Math.sqrt(Math.pow(s,2)/2);n.beginPath(),n.moveTo(r,c),n.lineTo(r+m,c-m),n.lineTo(r+2*m,c),n.lineTo(r+2*m,c+s),n.lineTo(r+m,c+s+m),n.lineTo(r,c+s),n.lineTo(r,c),t&&n.isPointInPath(t.x,t.y)?(n.fill(),n.stroke(),a()):n.stroke()},o=r(null),u=r(null),a=i({cInfo:{top:0,left:0},CanvasOnClick:function(r){u.value.clearRect(0,0,o.value.width,o.value.height),e.forEach((function(e){t(n(n({ctx:u.value},e),{},{onClick:function(){console.log(e.msg)}}),{x:r.clientX-a.cInfo.left,y:r.clientY-a.cInfo.top})}))}});return c((function(){l((function(){console.log(" meCanvas.value",o.value)})),o.value.width=document.documentElement.clientWidth,o.value.height=document.documentElement.clientHeight;var r=o.value.getBoundingClientRect();a.cInfo={top:r.top,left:r.left},u.value=o.value.getContext("2d");var i=u.value;i.strokeStyle="#fff",i.fillStyle="#fff",e.forEach((function(e){t(n(n({ctx:i},e),{},{onClick:function(){console.log(e.msg)}}),null)}))})),n(n({},s(a)),{},{meCanvas:o})}}),f={class:"wrap"};e("default",u(t,[["render",function(e,t,n,o,r,i){return y(),a("div",f,[m("canvas",{onClick:t[0]||(t[0]=function(){return e.CanvasOnClick&&e.CanvasOnClick.apply(e,arguments)}),ref:"meCanvas",class:"meCanvas2"},null,512)])}],["__scopeId","data-v-6cd2e745"]]))}}}))}();
|