Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

Web ImageData API | ImageData.width property

  • Last Updated : 31 Jul, 2019

The ImageData.width property used to return the width attribute of ImageData object. The ImageData() is used to create an object of given size.


Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.



<!DOCTYPE html> 
        Web ImageData API | ImageData.width property
<body style="text-align:center;">
    <h1 style="color:green;"
    <h2>ImageData width property</h2>
    <button onclick="getwidth ();">
        Get width
    <p id='width'></p>
    <script type="text/javascript">
        function getwidth () {
        let imageData = new ImageData(100, 100);
                    = imageData.width;


  • 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 :