{"ast":null,"code":"var _s = $RefreshSig$();\nimport { useEffect } from 'react';\nimport { map } from '../function/canvasDefault';\n\n// const canvasRef = useRef<HTMLCanvasElement>(null);\nfunction useCanvasMouseText(canvasRef, mouseHeight, initialRange) {\n  _s();\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (canvas) {\n      const ctx = canvas.getContext('2d');\n      if (ctx) {\n        ctx.font = '16px Arial';\n        ctx.fillStyle = 'black';\n        // canvas.width = 1400\n        // canvas.height = 400\n        const textX = canvas.width - 100; // 1300\n        const textY = 20;\n        const mappedHeight = map(mouseHeight, 0, 100, initialRange[1], initialRange[0]);\n        const text = `pitch: ${mappedHeight.toFixed(2)}`;\n        // (1295, -1) -> (91, 26)\n        // console.log(ctx.measureText(text).width);\n        // ctx.clearRect(textX - 5, textY - 21, ctx.measureText(text).width + 10, 26);\n        ctx.clearRect(textX - 5, 0, canvas.width, 23);\n        ctx.fillText(text, textX, textY);\n      }\n    }\n  }, [mouseHeight, initialRange]);\n}\n_s(useCanvasMouseText, \"OD7bBpZva5O2jO+Puf00hKivP7c=\");\nexport default useCanvasMouseText;","map":{"version":3,"names":["useEffect","map","useCanvasMouseText","canvasRef","mouseHeight","initialRange","_s","canvas","current","ctx","getContext","font","fillStyle","textX","width","textY","mappedHeight","text","toFixed","clearRect","fillText"],"sources":["/var/www/gavt/src/hooksUseEffect/useCanvasMouseText.ts"],"sourcesContent":["import { useEffect, useRef, RefObject  } from 'react';\nimport { map } from '../function/canvasDefault';\n\n// const canvasRef = useRef<HTMLCanvasElement>(null);\nfunction useCanvasMouseText(canvasRef: RefObject<HTMLCanvasElement>, mouseHeight:number, initialRange:number[]) {\n    useEffect(() => {\n        const canvas = canvasRef.current;\n        if (canvas) {\n            const ctx = canvas.getContext('2d');\n            if (ctx) {\n                ctx.font = '16px Arial';\n                ctx.fillStyle = 'black';\n                // canvas.width = 1400\n                // canvas.height = 400\n                const textX = canvas.width - 100; // 1300\n                const textY = 20;\n                const mappedHeight = map(mouseHeight, 0, 100, initialRange[1], initialRange[0]);\n                const text = `pitch: ${mappedHeight.toFixed(2)}`;\n                // (1295, -1) -> (91, 26)\n                // console.log(ctx.measureText(text).width);\n                // ctx.clearRect(textX - 5, textY - 21, ctx.measureText(text).width + 10, 26);\n                ctx.clearRect(textX - 5, 0, canvas.width, 23);\n\n                ctx.fillText(text, textX, textY);\n            }\n        }\n    }, [mouseHeight, initialRange]);\n}\n\n\nexport default useCanvasMouseText;"],"mappings":";AAAA,SAASA,SAAS,QAA4B,OAAO;AACrD,SAASC,GAAG,QAAQ,2BAA2B;;AAE/C;AACA,SAASC,kBAAkBA,CAACC,SAAuC,EAAEC,WAAkB,EAAEC,YAAqB,EAAE;EAAAC,EAAA;EAC5GN,SAAS,CAAC,MAAM;IACZ,MAAMO,MAAM,GAAGJ,SAAS,CAACK,OAAO;IAChC,IAAID,MAAM,EAAE;MACR,MAAME,GAAG,GAAGF,MAAM,CAACG,UAAU,CAAC,IAAI,CAAC;MACnC,IAAID,GAAG,EAAE;QACLA,GAAG,CAACE,IAAI,GAAG,YAAY;QACvBF,GAAG,CAACG,SAAS,GAAG,OAAO;QACvB;QACA;QACA,MAAMC,KAAK,GAAGN,MAAM,CAACO,KAAK,GAAG,GAAG,CAAC,CAAC;QAClC,MAAMC,KAAK,GAAG,EAAE;QAChB,MAAMC,YAAY,GAAGf,GAAG,CAACG,WAAW,EAAE,CAAC,EAAE,GAAG,EAAEC,YAAY,CAAC,CAAC,CAAC,EAAEA,YAAY,CAAC,CAAC,CAAC,CAAC;QAC/E,MAAMY,IAAI,GAAI,UAASD,YAAY,CAACE,OAAO,CAAC,CAAC,CAAE,EAAC;QAChD;QACA;QACA;QACAT,GAAG,CAACU,SAAS,CAACN,KAAK,GAAG,CAAC,EAAE,CAAC,EAAEN,MAAM,CAACO,KAAK,EAAE,EAAE,CAAC;QAE7CL,GAAG,CAACW,QAAQ,CAACH,IAAI,EAAEJ,KAAK,EAAEE,KAAK,CAAC;MACpC;IACJ;EACJ,CAAC,EAAE,CAACX,WAAW,EAAEC,YAAY,CAAC,CAAC;AACnC;AAACC,EAAA,CAvBQJ,kBAAkB;AA0B3B,eAAeA,kBAAkB"},"metadata":{},"sourceType":"module","externalDependencies":[]}