help me getting error while using SignaturePad from startting #question #756

abhi051002 · 2024-02-13T11:04:08Z

abhi051002
Feb 13, 2024

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://cdn.jsdelivr.net/npm/signature_pad@4.1.7/dist/signature_pad.umd.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div id="canvas"></div>
</body>
<script type="text/javascript">
    console.log('hello');
    const canvas = document.querySelector("canvas");
    console.log(canvas);
    const signaturePad = new SignaturePad(canvas);
    // const signaturePad = new SignaturePad(canvas, {
    //     minWidth: 5,
    //     maxWidth: 10,
    //     penColor: "rgb(66, 133, 244)"
    // });
    console.log('Hello');

    

    // signaturePad.addEventListener("beginStroke", () => {
    //     console.log("Signature started");
    // }, {
    //     once: true
    // });
</script>
</html>

i write this code but i'm getting the error Cannot read properties of null (reading 'getContext') please help me here. Please correct me if i do anything wrong here

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

help me getting error while using SignaturePad from startting #question #756

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 0 comments

Select a reply

help me getting error while using SignaturePad from startting #question #756

abhi051002 Feb 13, 2024

Replies: 0 comments

abhi051002
Feb 13, 2024