/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 vote179 views4 answers
How to change the color of mark tag in html
Html
-3 votes177 views3 answers
Html file input accept excel file
Html
1 vote222 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
0 vote162 views1 answer
Dropbox embed
Html
0 vote176 views1 answer
How to select only one checkbox in html
Html
0 vote165 views1 answer
Link phone in safari
Html
1 vote189 views1 answer
Difernce between innertextand neer html
Html
90 votes173 views6 answers
Bootstrap background color
Html
30 votes177 views2 answers
Html space between characters
Html
21 votes171 views4 answers
Link in markdown
Html