signature pad fix test

This commit is contained in:
Timur Ercan
2023-02-09 19:46:27 +01:00
parent 6702291abd
commit 88baee6fc2

View File

@ -9,6 +9,14 @@ const SignPage: NextPageWithLayout = (props: any) => {
useEffect(() => { useEffect(() => {
const canvas: any = document.querySelector("canvas"); const canvas: any = document.querySelector("canvas");
const signaturePad = new SignaturePad(canvas); const signaturePad = new SignaturePad(canvas);
const resizeCanvas = () => {
const ratio = Math.max(window.devicePixelRatio || 1, 1);
canvas.width = canvas.offsetWidth * ratio;
canvas.height = canvas.offsetHeight * ratio;
canvas.getContext("2d").scale(ratio, ratio);
// signaturePad.clear(); // otherwise isEmpty() might return incorrect value
};
window.addEventListener("resize", resizeCanvas);
}); });
return ( return (
<> <>