HTML | canvas ImageData height Property
The ImageData height property is used to return height of an ImageData object, in pixels.
Syntax:
imgData.height;
Example:
<!DOCTYPE html> <html> <body> <h3 style="color:green">GeeksforGeeks</h3> <h3>HTML canvas ImageData height property</h3> <canvas id="myCanvas" width="200" height="200" style="border:2px solid ;"> </canvas> <p id=g eeks></p> <script> var can = document.getElementById("myCanvas"); var gfg = can.getContext("2d"); var imgData = gfg.createImageData(150, 100); var i; for (i = 0; i < imgData.data.length; i += 3) { imgData.data[i + 0] = 100; imgData.data[i + 1] = 0; imgData.data[i + 2] = 0; } gfg.putImageData(imgData, 10, 10); document.getElementById("geeks").innerHTML = "Height of imgData is: " + imgData.height </script> </body> </html> |
chevron_right
filter_none
Output:
Browsers supported:
- Chrome
- Internet Explorer 9.0
- Safari
- Firefox
- Opera
