HTML Canvas globalAlpha Eigenschaft

HTML5 Canvas Referenzhandbuch

Definition und Verwendung

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

globalAlpha Der Wert muss zwischen 0.0zwischen (vollständig transparent) und 1.0zwischen (undurchsichtig) und

Beispiel

Zunächst zeichnen Sie einen roten Rechteck, stellen Sie dann die Transparenz (globalAlpha) auf 0.2 ein und zeichnen Sie dann ein grünes und ein blaues 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

Syntax

Kontext.globalAlpha=number;

Attribute

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 Zahlen in der Tabelle geben die Versionsnummer des ersten Browsers an, der 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 den <canvas>-Element nicht.

HTML5 Canvas Referenzhandbuch