/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 votes149 views3 answers
WhatsApp Share Link
Html
208 votes221 views6 answers
How to link your js file to html
Html
3 votes148 views1 answer
Stop video javascript
Html
1 vote90 views3 answers
Install ubuntu on vmware workstation 16
Html
0 vote136 views2 answers
Fill color behid text in html
Html
0 vote124 views1 answer
Clearing dist in parcel
Html
0 vote143 views1 answer
Sticky footer css grids
Html
1 vote132 views1 answer
How to show little description on hover html
Html
0 vote160 views1 answer
Html multi like tag indentation convention
Html
1 vote115 views1 answer
Disable spell check html
Html