Canvas globalAlpha Eigenschaft

Canvas-Referenzhandbuch

Definition und Verwendung

globalAlpha Eigenschaft setzt oder gibt die aktuelle Transparenz des Zeichnens (alpha oder Transparenz) zurück.

globalAlpha Der Attributwert muss zwischen 0.0Vollständig transparent) mit 1.0Zwischen (undurchsichtig) und

Beispiel

Zunächst zeichnen Sie einen roten Rechteck, dann stellen Sie die Transparenz (globalAlpha) auf 0.2 ein und zeichnen Sie dann einen grünen und einen blauen Rechteck:

Ihr Browser unterstützt das canvas-Tag nicht.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Transparenz anpassen
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);

Versuchen Sie es selbst

Grammatik

Kontext.globalAlpha=number;

Attributwert

Wert Beschreibung
number Transparenzwert. Er muss zwischen 0.0 (vollständig transparent) und 1.0 (undurchsichtig) liegen.

Technische Details

Standardwert: 1.0

Browser-Unterstützung

Die in der Tabelle genannten Zahlen geben die erste Version des Browsers an, die diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Anmerkung:Internet Explorer 8 und frühere Versionen unterstützen das <canvas>-Element nicht.

Canvas-Referenzhandbuch