Web ImageData API | ImageData.width property

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;"
        w3wiki 
    </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