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