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