https://trydraw.com/js/grid.js

1jQuery(window).load(function(){
2    // Get the default image width and height
3    var $image = $(".targetImage");
4
5    // Dynamically set image height of drawing pad and target to default image size ^
6    function setSize(element, height = $image.width(), width = $image.height()){
7        element.attr("width", `${height}`);
8        element.attr("height", `${width}`);
9    }
10    
11    // Set new size values
12    setSize($("#convertedImageSrc"));
13    setSize($("#draw"));
14    setSize($("#canvasBg"));
15    setSize($(".right-target-img"));
16    $(".demo-container-right").css(
17        {
18            "width": `${$image.width()}`,
19            "height": `${$image.height()}`,
20        }
21    );
22
23    // Get default image source
24    $imageSrc = $(".targetImage").attr("src");
25    // // console.log($imageSrc);
26
27    // Dynamically set source ^
28    function setImgSrc(element, src = $imageSrc){
29        element.attr("src", `${src}`);
30    }
31
32    // Set image source
33    setImgSrc($(".getImgSrc"));
34    setImgSrc($(".right-target-img"));
35    setImgSrc($(".imgLeftDuplicate"));
36    setImgSrc($(".streamLessonImageData"));
37  });