例
黒い影と赤い四角形を描画：
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); »それを自分で試してみてください ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| shadowColor | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
定義と使用法
shadowColorはプロパティセットや影に使用する色を返します。
Note:一緒にshadowColorはプロパティを使用しshadowBlurの影を作成するプロパティ。
Tip:使用して影を調整しshadowOffsetXとshadowOffsetYプロパティを。
| デフォルト値： | ＃000000 |
|---|---|
| JavaScriptシンタックス： | context .shadowColor= color ; |
プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| color | CSSカラー値の影に使用します。 デフォルト値は＃000000です | それを再生します» |
<Canvasオブジェクト