Open In App

Web ImageData API | ImageData.width property

Last Updated : 31 Jul, 2019
Improve
Improve
Like Article
Like
Save
Share
Report

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


Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads