Skip to content
Related Articles

Related Articles

Web ImageData API | ImageData.width property

View Discussion
Improve Article
Save Article
  • Last Updated : 31 Jul, 2019
View Discussion
Improve Article
Save Article

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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!