The ImageData.width property used to return the width attribute of ImageData object. The ImageData() is used to create an object of given size.
Syntax:
imageData.width
Example:
<!DOCTYPE html> <html>
<head>
<title>
Web ImageData API | ImageData.width property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>ImageData width property</h2>
<button onclick="getwidth ();">
Get width
</button>
<p id='width'></p>
<script type="text/javascript">
function getwidth () {
let imageData = new ImageData(100, 100);
document.getElementById('width').innerHTML
= imageData.width;
}
</script>
</body>
</html>
|
Output:
-
Before Clicking the Button:
-
After Clicking the Button:
Supported Browsers: The browsers supported by ImageData.width property are listed below:
- Google Chrome
- Internet Explorer 9
- Firefox 14
- Safari 3.1
- Opera 9