API de datos de imágenes web | Propiedad ImageData.data

La propiedad ImageData.data se usa para devolver un Uint8ClampedArray que contiene el objeto ImageData en píxeles. El objeto ImageData se almacena en una array unidimensional en orden RGBA. El valor de RGBA se encuentra entre 0 y 255.

Sintaxis:

imageData.data

Ejemplo 1: este ejemplo muestra los valores de píxeles de ImageData de la array con ceros.

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

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Ejemplo 2: este ejemplo muestra la longitud del objeto de array ImageData.

<!DOCTYPE html> 
<html> 
  
<head>
    <title>
        Web ImageData API | ImageData.data property
    </title>
  
</head>
  
<body style="text-align:center;">
      
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1> 
                  
    <h2>ImageData data property</h2>
      
    <button onclick="getdata ();">
        Get length
    </button>
      
    <p id='data'></p>
  
    <script type="text/javascript">
        function getdata () {
        let imageData = new ImageData(100, 100);
            document.getElementById('data').innerHTML
                    = imageData.data.length;
        }
    </script> 
</body>
  
</html>

Producción:

  • Antes de hacer clic en el botón:
  • Después de hacer clic en el botón:

Navegadores compatibles: los navegadores compatibles con Web ImageData API | La propiedad ImageData.data se enumeran a continuación:

  • Google Chrome
  • explorador de Internet 9
  • Firefox 14
  • Safari 3.1
  • Ópera 9

Publicación traducida automáticamente

Artículo escrito por DeepakDev y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *