/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 vote184 views1 answer
Call to a member function format() on string
Html
8 votes165 views2 answers
How to display Base64 images in HTML?
Html
0 vote183 views1 answer
38 1,2
Html
0 vote184 views1 answer
Use pascalcase for react components, or lowercase for html elements.
Html
0 vote170 views1 answer
Bootstrap datepicker format dd-mm-yyyy
Html
11 votes170 views3 answers
Bootstrap position class
Html
1 vote202 views1 answer
How to add an html anchor
Html
20 votes158 views3 answers
Custom data attributes html
Html
2 votes158 views6 answers
Hyper Text Markup Language
Html
18 votes163 views2 answers
Visual studio code html template shortcut
Html