/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 vote204 views1 answer
Fa fa-wrench fa-2x sunflower
Html
0 vote196 views1 answer
Link in new tab
Html
0 vote193 views3 answers
Omit
Html
0 vote193 views1 answer
Html form to google sheets
Html
0 vote208 views1 answer
Aligning image to middle in html
Html
7 votes215 views2 answers
How to set video speed html
Html
0 vote239 views1 answer
Elasticsearch built-in security features are not enabled. Without authentication, your cluster could be accessible to anyone. See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/security-minimal-setup.html to enable security.
Html
1 vote184 views1 answer
Checkbox switch bootstrap
Html
0 vote191 views1 answer
Functioning search engine code
Html
267 votes303 views5 answers
Font-awesome - cdnjs.com - The best FOSS CDN for web
Html