Canvas shadowBlur属性
定義と使用方法
shadowBlur 影のぼかしのレベルを設定または取得します。
例
ブラックの影を持つブルーの矩形を描画し、ぼかしのレベルは20です：
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;
属性値
| 値 | 説明 |
|---|---|
| number | 影のぼやけのレベル |
技術的詳細
| デフォルト値： | #000000 |
|---|
ブラウザのサポート
表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注記：Internet Explorer 8 以前のバージョンは <canvas> 要素をサポートしていません。
