/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 vote175 views1 answer
Navbar styles css
Html
1 vote164 views1 answer
Svelte if block
Html
1 vote157 views1 answer
Flutter web load html
Html
15 votes166 views2 answers
Bootstrap font-weight bold
Html
3 votes152 views1 answer
Calendar input
Html
0 vote198 views1 answer
Html ö
Html
27 votes209 views3 answers
Html upload image accept only few types
Html
0 vote147 views1 answer
How to say what happens on left click in HTML
Html
0 vote158 views1 answer
Hello world svelte
Html
0 vote159 views1 answer
React html parser
Html