/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

0 vote306 views1 answer
H = (h < 10) ? "0" + h : h;
Html
1.2K votes542 views10 answers
Twitch
Html
3 votes292 views1 answer
Html input change default error message
Html
1 vote307 views2 answers
Bootstrap 4 vertical align td
Html
0 vote296 views1 answer
Bootsta
Html
0 vote307 views1 answer
Javascript ng-change get previous value
Html
25 votes291 views7 answers
Bootstrap 5 cdn
Html
-1 vote311 views2 answers
Bootstrap 5 left div
Html
5 votes329 views1 answer
Add link behind a button in html
Html
0 vote336 views1 answer
Abbr in html
Html