Manuel de référence HTML

Tous les étiquettes HTML

Attribut globalAlpha de HTML canvas

globalAlpha est une propriété de Canvas 2L'API D est utilisée pour décrire l'attribut de transparence des graphiques et des images avant le dessin sur canvas. La gamme de valeurs varie de 0.0 (complètement transparent) à1.0 (complètement transparent).

Manuel de référence HTML canvas

Exemple en ligne

Tout d'abord, dessinez un rectangle rouge, puis définissez la transparence (globalAlpha) sur 0.5， puis dessinez un rectangle bleu et vert :

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilisation de l'attribut globalAlpha de HTML canvas-Tutoriel de base(w3(codebox.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solide #d3d3d3>
Votre navigateur ne prend pas en charge l'HTML5　Étiquette canvas。
</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
//Convertir la transparence
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>

Vérifiez ici ‹/›

Compatibilité des navigateurs

IEFirefoxOperaChromeSafari

Internet Explorer 9et Safari prennent en charge l'attribut globalAlpha.

Attention :Internet Explorer 8 Les versions précédentes de <canvas> ne sont pas prises en charge.

Définition et utilisation

L'attribut globalAlpha définit ou retourne la valeur alpha ou la transparence actuelle du graphique.

La valeur de l'attribut globalAlpha doit être comprise entre 0.0 (complètement transparent) et1de 0.0 (aucune transparence) à

Valeur par défaut :	1.0
Syntaxe JavaScript :	context.globalAlpha=number;

Valeur de l'attribut

Valeur	Description
number	Valeur de transparence. Elle doit être comprise entre 0.0 (complètement transparent) et 1de 0.0 (opaque) à.

　Manuel de référence HTML canvas

HTML: <template> balise