/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

226 votes201 views6 answers
Bootstrap import
Html
25 votes118 views6 answers
Bootstrap input
Html
9 votes112 views3 answers
How to change background image in html
Html
1 vote163 views1 answer
How to add an html anchor
Html
0 vote127 views1 answer
OpenGraph 4
Html
9 votes114 views2 answers
How to send html file with express
Html
3 votes117 views1 answer
Html mailto link with content
Html
4 votes120 views6 answers
Modal don't close when click outside
Html
8 votes132 views3 answers
Titles html
Html
3 votes185 views2 answers
Text nowrap
Html