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
95 KiB
2 lines
95 KiB
3 years ago
|
(this.webpackJsonpngsplanner=this.webpackJsonpngsplanner||[]).push([[0],{112:function(e,t,a){},113:function(e,t,a){},114:function(e,t,a){},197:function(e,t){},199:function(e,t){},207:function(e,t,a){"use strict";a.r(t);var i=a(1),s=a.n(i),c=a(20),n=a.n(c),l=(a(112),a(15)),r=a(7),d=a(26),j=a(2),o=(a(113),a(114),a(50)),b=a.n(o),h=a(18),u=a(211),O=a(212),g=a(213),m=a(214),p=a(215),x=a(12),f=a(0);function v(e){var t=Object(i.useRef)(null),a=Object(i.useState)(0),s=Object(j.a)(a,2),c=s[0],n=s[1],r=Object(i.useState)(0),d=Object(j.a)(r,2),o=d[0],b=d[1];return Object(i.useEffect)((function(){n(e.gridSizeX*e.gridDimensionsX+e.gridPaddingX*(e.gridDimensionsX-1)),b(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,o),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,d=i.value,j=0,b=Object(l.a)(d.split(""));try{for(b.s();!(r=b.n()).done;){var h=r.value,u=0!==j?e.gridPaddingX*j:0,O=0!==s?e.gridPaddingY*s:0;switch(h){case"\u2500":a.beginPath(),a.moveTo(j*e.gridSizeX+u-e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(j*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u2502":a.beginPath(),a.moveTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2514":a.beginPath(),a.moveTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(j*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u250c":a.beginPath(),a.moveTo(j*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2518":a.beginPath(),a.moveTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(j*e.gridSizeX+u-e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u2510":a.beginPath(),a.moveTo(j*e.gridSizeX+u-e.gridPaddingX,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+(s%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u251c":a.beginPath(),a.moveTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((s-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(j*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(s/2)*e.gridSizeY+Math.ceil((
|
||
|
|
//# sourceMappingURL=main.8e1b70b5.chunk.js.map
|