Canvas shadowBlur Eigenschaft

Canvas-Referenzhandbuch

Definition und Verwendung

shadowBlur Eigenschaft setzen oder zurückgeben der Unschärfe der Schatten.

Beispiel

Zeichnen Sie ein blau gefärbtes Rechteck mit schwarzer Schatten, der Unschärfegrad beträgt 20:

Ihr Browser unterstützt das canvas-Tag nicht.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);

亲自试一试

语法

context.shadowBlur=number;

Attributwert

Wert Beschreibung
number Die Gradation der Unschärfe des Schattens.

Technische Details

Standardwert: #000000

Browserunterstützung

Die in der Tabelle genannten Zahlen geben die erste Browserversion 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