HTML canvas ImageData width Property
Last Updated :
19 Jun, 2023
The ImageData width property is used to return the width of an ImageData object, in pixels.
Syntax:
imgData.width;
Example: In this example, we are using the above-explained property.
html
<!DOCTYPE html>
< html >
< body >
< h3 style = "color:green" >GeeksforGeeks</ h3 >
< h3 >HTML canvas ImageData width property</ h3 >
< canvas id = "myCanvas"
width = "200"
height = "200"
style = "border:2px solid ;" >
</ canvas >
< p id = g eeks></ p >
< script >
let can = document.getElementById("myCanvas");
let gfg = can.getContext("2d");
let imgData = gfg.createImageData(150, 100);
let 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 =
"Width of imgData is: " + imgData.width
</script>
</ body >
</ html >
|
Output:
Browsers supported:
- Chrome
- Internet Explorer 9.0
- Safari
- Firefox
- Opera
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...