Beispiel
Zuerst wird ein rotes Rechteck zeichnen, dann setzen die Transparenz (globalAlpha) bis 0,5 liegt , und dann ein blaues und ein grünes Rechteck 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.
| Eigentum | |||||
|---|---|---|---|---|---|
| globalAlpha | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definition und Verwendung
Die globalAlpha Eigenschaftssätze oder gibt den aktuellen Alpha- oder Transparenzwert der Zeichnung.
Der globalAlpha Eigenschaftswert muss eine Zahl zwischen 0,0 (vollständig transparent) und 1,0 (no transparancy) .
| Standardwert: | 1.0 |
|---|---|
| JavaScript-Syntax: | context .globalAlpha= number ; |
Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| number | Der Transparenzwert. Muss eine Zahl zwischen 0,0 (vollständig transparent) und 1,0 sein (no transparancy) | Spiel es " |
<Canvas Object