/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

1 vote331 views1 answer
Open markdown link in new tab
Html
76 votes330 views5 answers
Bootstrap 4 bg
Html
13 votes317 views2 answers
The border-radius Property
Html
4 votes341 views3 answers
Bootstrap 4.5.3
Html
0 vote312 views1 answer
Clean urls
Html
13 votes347 views6 answers
Bootstrap 5 card
Html
31 votes325 views5 answers
Ng if else
Html
0 vote413 views1 answer
Input datetime without time
Html
1 vote295 views1 answer
Html dollar symbol
Html
10 votes341 views4 answers
Bootstrap progress bar with percentage
Html