Beispiel
Zunächst wird ein rotes Rechteck zu zeichnen, dann setzen Transparenz (globalAlpha) bis 0,5, und dann ein blaues und ein grünes Rechteck zu zeichnen:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Turn transparency on
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Versuch es selber " Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| globalAlpha | |||||
|---|---|---|---|---|---|
| font | ja | 9.0 | ja | ja | ja |
Definition und Verwendung
Die globalAlpha Eigenschaft legt liefert die aktuelle Alpha oder Transparenzwert der Zeichnung.
Der globalAlpha Eigenschaftswert muss eine Zahl zwischen sein 0.0 (vollständig transparent) und 1.0 (ohne transparancy).
| Standardwert: | 1.0 |
|---|---|
| JavaScript-Syntax: | context.globalAlpha=number; |
Immobilienwerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| number | Der Transparenzwert. Muss eine Zahl zwischen sein 0.0 (vollständig transparent) und 1.0 (ohne transparancy) | Spiel es " |