Manual de referencia HTML

Completísimo manual de etiquetas HTML

Atributo globalAlpha de HTML canvas

globalAlpha es el atributo Canvas 2D API se utiliza para describir el atributo que se configura antes de dibujar en canvas, para la opacidad de gráficos y imágenes. El rango de valores va de 0.0 (completamente transparente) a1.0 (completamente opaco).

Manual de referencia de canvas HTML

Ejemplo en línea

Primero, dibuje un rectángulo rojo y luego configure la opacidad (globalAlpha) en 0.5， luego dibuje un rectángulo azul y verde:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>Uso del atributo globalAlpha en HTML canvas-Tutoriales básicos(w3(codebox.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" altura="150" estilo="borde:1px sólido #d3d3d3>
Su navegador no admite HTML5　etiqueta canvas.
</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
//Transformar opacidad
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";　
ctx.fillRect(50,50,75,50);　
ctx.fillStyle="green";　
ctx.fillRect(80,80,75,50);
</script>
</body>
</html>

Ver la prueba ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome y Safari admiten el atributo globalAlpha.

Nota:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.

Definición y uso

El atributo globalAlpha establece o devuelve el valor actual de alpha o transparencia del gráfico.

El valor del atributo globalAlpha debe estar entre 0.0 (completamente transparente) y1es un número entre .0 (sin transparencia) y

Valor predeterminado:	1.0
Sintaxis de JavaScript:	contexto.globalAlpha=número;

valor de atributo

valor	descripción
número	Valor de transparencia. Debe estar entre 0.0 (completamente transparente) y 1.0（opaco） entre.

　Manual de referencia de canvas HTML

HTML: <template> etiqueta