HTML canvas shadowColor プロパティ

例

黒い影付きの赤い四角形を描画します：

JavaScript:

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

Try it Yourself ❯

ブラウザ・サポート

表中の数字は、プロパティを完全にサポートした最初のブラウザ・バージョンを指定しています。

プロパティ
shadowColor	Yes	9.0	Yes	Yes	Yes

定義と用法

shadowColor プロパティは、影に使用する色を設定または返します。

注: 影を作るには、shadowBlur プロパティと一緒に shadowColor プロパティを使用します。

チップ: shadowOffsetX と shadowOffsetY プロパティを使用して影を調整します。

デフォルト値：	#000000
JavaScript 構文：	context.shadowColor=color;

プロパティの値

値	説明	Play it
color	影に使用する CSS カラー値。デフォルト値は #000000	Play it ❯

HTML Canvas リファレンス