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
82 KiB
2 lines
82 KiB
4 years ago
|
(this.webpackJsonpngsplanner=this.webpackJsonpngsplanner||[]).push([[0],{138:function(e,t){},140:function(e,t){},150:function(e,t,a){"use strict";a.r(t);var i=a(1),c=a.n(i),s=a(36),n=a.n(s),l=(a(77),a(12)),r=a(6),j=a(19),d=a(2),b=(a(78),a(79),a(37)),o=a.n(b),h=a(16),u=a(154),O=a(155),g=a(156),x=a(157),m=a(158),p=a(10),f=a(0);function S(e){var t=Object(i.useRef)(null),a=Object(i.useState)(0),c=Object(d.a)(a,2),s=c[0],n=c[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,s,b),a.fillStyle="rgba(100,100,100,0.5)",a.strokeStyle=e.strokeStyle,a.lineWidth=e.lineWidth,a.setLineDash(e.lineDash);var i,c=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,u=0!==d?e.gridPaddingX*d:0,O=0!==c?e.gridPaddingY*c:0;switch(h){case"\u2500":a.beginPath(),a.moveTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u2502":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2514":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u250c":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX+e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u2518":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.stroke();break;case"\u2510":a.beginPath(),a.moveTo(d*e.gridSizeX+u-e.gridPaddingX,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+e.gridSizeY+e.gridPaddingY),a.stroke();break;case"\u251c":a.beginPath(),a.moveTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O-e.gridPaddingY),a.lineTo(d*e.gridSizeX+u+e.gridSizeX/2,Math.ceil(c/2)*e.gridSizeY+Math.ceil((c-1)/2)*e.halflineheight+O+(c%2===1?e.halflineheight:e.gridSizeY)/2),
|
||
|
|
//# sourceMappingURL=main.dc638669.chunk.js.map
|