/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 vote177 views1 answer
Angular function in html
Html
0 vote186 views1 answer
Tailwind CSS Button group
Html
6 votes180 views2 answers
How to collect input textbox in html
Html
1 vote195 views1 answer
How to open a website inside a website
Html
1 vote182 views1 answer
Html scroll div to top
Html
0 vote180 views1 answer
Html string to int
Html
0 vote193 views1 answer
Image slider html
Html
4 votes179 views1 answer
Tailwind push footer always to bottom of screen
Html
0 vote184 views1 answer
Command checked datagrid wpf
Html
0 vote205 views1 answer
Remove padding in code
Html