/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 vote202 views2 answers
Splide cdn
Html
0 vote187 views1 answer
Can html be coded in to text string
Html
1 vote197 views1 answer
When does useeffect return run
Html
13 votes170 views4 answers
Sticky top bootstrap 4
Html
0 vote188 views1 answer
Keep favicon
Html
5 votes195 views5 answers
Mp4 to webm
Html
0 vote201 views1 answer
Httponly
Html
9 votes209 views5 answers
Changing text colour in html
Html
0 vote185 views1 answer
Tutorialspoint html
Html
32 votes187 views6 answers
Viewport
Html