/Html/How to set the width and heigth of the canvas to be the same size as that of an image

How to set the width and heigth of the canvas to be the same size as that of an image

function resizeCanvas()
{
    var img = document.getElementById('dynamic_img'); 
    var width = img.clientWidth;
    var height = img.clientHeight;

    var canvas = document.getElementById('canvas'); 
    canvas.style.width = width;
    canvas.style.height = height;
}

Source: stackoverflow.com

How to set the width and heigth of the canvas to be the same size as that of an image

<canvas id="canvas"><img src="dynamic_url" id="dynamic_img" /></canvas>

Source: stackoverflow.com

Similar codes

4 votes114 views1 answer
Html center image vertically bootstrap
Html
0 vote88 views1 answer
How to add lines between div rows html
Html
0 vote132 views1 answer
Color picker js
Html
0 vote93 views2 answers
Background music html autoplay hidden
Html
5 votes116 views2 answers
Sessionnotcreatedexception: message: session not created: this version of chromedriver only supports chrome version 81
Html
1 vote100 views1 answer
Web mdc cdn
Html
0 vote95 views2 answers
Javascript onblur
Html
0 vote109 views1 answer
Html ascii for space
Html
0 vote101 views1 answer
.1
Html
0 vote106 views1 answer
Html5 number integer
Html