/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

5 votes229 views1 answer
Button radius bootstrap 4
Html
4 votes213 views1 answer
Tailwind push footer always to bottom of screen
Html
1 vote220 views2 answers
Class required bootstrap 3
Html
32 votes223 views5 answers
Jquery select by id
Html
0 vote229 views1 answer
How to hack nasa with html
Html
0 vote237 views6 answers
Bits
Html
5 votes237 views1 answer
Html how to add jquery
Html
1 vote230 views1 answer
ASP.NET MVC Two file upload, different destinations
Html
0 vote213 views1 answer
Rb_dash-2
Html
3 votes259 views3 answers
How to show iframe in full width
Html