HTML | propiedad canvas globalAlpha

La propiedad globalAlpha se utiliza para establecer o devolver el valor alfa o de transparencia actual del dibujo. El valor debe ser un número entre 0,0 y 1,0.
Aquí, 0.0 denota totalmente transparente y 1.0 denota sin transparencia. Por defecto es 1.0.

Sintaxis:

context.globalAlpha=number

Valores de propiedad:

  • número: Es el valor entre 0.0 a 1.0.

Ejemplo:

<!DOCTYPE html>
<html>
  
<body>
    <h3 style="color:green">GeeksforGeeks</h3>
    <h3>HTML canvas globalalpha property</h3>
    <canvas id="myCanvas"
            width="200"
            height="200" 
            style="border:2px solid ;">
  </canvas>
  
    <script>
        var can = document.getElementById("myCanvas");
        var gfg = can.getContext("2d");
        gfg.fillStyle = "green";
        gfg.fillRect(50, 50, 95, 50);
  
        //Turn transparency on
        gfg.globalAlpha = 0.5;
        gfg.fillStyle = "green";
        gfg.fillRect(50, 100, 95, 50);
    </script>
  
</body>
  
</html>

Producción:

Navegadores compatibles:

  • Cromo
  • Internet Explorer 9.0
  • Safari
  • Firefox
  • Ópera

Publicación traducida automáticamente

Artículo escrito por shubham_singh 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 *