HTML canvas shadowColorプロパティ

Canvas 对象参考手册Canvas オブジェクト

例

黒い影を持つ赤い四角形を描画します：

YourbrowserdoesnotsupporttheHTML5canvastag.

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);

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome、Safari は shadowColor プロパティをサポートしています。

注意：Internet Explorer 8 以前のバージョンは <canvas> 要素をサポートしていません。

定義と使用方法

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

注意：shadowColor プロパティをshadowBlurプロパティと一緒に使用して、影を作成してください。

ヒント：を使用してshadowOffsetXとshadowOffsetYプロパティで影の効果を調整してください。

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

プロパティ値

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

Canvas 对象参考手册Canvas オブジェクト

その他の拡張