You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
94 KiB
2 lines
94 KiB
3 years ago
|
(this.webpackJsonpngsplanner=this.webpackJsonpngsplanner||[]).push([[0],{141:function(e,t){},143:function(e,t){},151:function(e,t,a){"use strict";a.r(t);var i=a(1),s=a.n(i),c=a(36),n=a.n(c),l=(a(78),a(12)),r=a(6),j=a(20),d=a(2),b=(a(79),a(80),a(37)),o=a.n(b),h=a(14),O=a(155),u=a(156),p=a(157),g=a(158),m=a(159),x=a(10),f=a(0);function v(e){var t=Object(i.useRef)(null),a=Object(i.useState)(0),s=Object(d.a)(a,2),c=s[0],n=s[1],r=Object(i.useState)(0),j=Object(d.a)(r,2),b=j[0],o=j[1];return Object(i.useEffect)((function(){n(e.gridSizeX*e.gridDimensionsX+e.gridPaddingX*(e.gridDimensionsX-1)),o(e.gridSizeY*Math.ceil(e.gridDimensionsY/2)+e.halflineheight*Math.ceil((e.gridDimensionsY-1)/2)+e.gridPaddingY*(e.gridDimensionsY-1))}),[e.halflineheight,e.skillLines,e.gridSizeX,e.gridSizeY,e.gridPaddingX,e.gridPaddingY,e.gridDimensionsX,e.gridDimensionsY]),Object(i.useEffect)((function(){var a=t.current.getContext("2d");a.clearRect(0,0,c,b),a.fillStyle="rgba(100,100,100,0.5)",a.strokeStyle=e.strokeStyle,a.lineWidth=e.lineWidth,a.setLineDash(e.lineDash);var i,s=0,n=Object(l.a)(e.skillLines);try{for(n.s();!(i=n.n()).done;){var r,j=i.value,d=0,o=Object(l.a)(j.split(""));try{for(o.s();!(r=o.n()).done;){var h=r.value,O=0!==d?e.gridPaddingX*d:0,u=0!==s?e.gridPaddingY*s:0;switch(h){case"\u2500":a.beginPath(),a.moveTo(d*e.gridSizeX+O-e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+O+e.gridSizeX+e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u2502":a.beginPath(),a.moveTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u-e.gridPaddingY),a.lineTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2514":a.beginPath(),a.moveTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u-e.gridPaddingY),a.lineTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+O+e.gridSizeX+e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u250c":a.beginPath(),a.moveTo(d*e.gridSizeX+O+e.gridSizeX+e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2518":a.beginPath(),a.moveTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u-e.gridPaddingY),a.lineTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+O-e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u2510":a.beginPath(),a.moveTo(d*e.gridSizeX+O-e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u251c":a.beginPath(),a.moveTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u-e.gridPaddingY),a.lineTo(d*e.gridSizeX+O+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+u+(s%2===1?e.halflineheight:e.gridSizeY)/2),
|
||
|
|
//# sourceMappingURL=main.c9c12110.chunk.js.map
|