Canvas shadowOffsetY 属性
定義と用法
shadowOffsetY 属性設定または形状と影の垂直距離を返します。
shadowOffsetY=0影が形状の正下方にあることを示しますshadowOffsetY=20影が形状のtop位置の下に20ピクセルあることを示しますshadowOffsetY=-20影が形状のtop位置の上に20ピクセルあることを示します
ヒント：形状の水平位置を調整するには、 shadowOffsetX 属性
例
以下に示すように、20ピクセルの下向きの影を持つ矩形を描画します（矩形のtop位置から）:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
文法
context.shadowOffsetY=number;
属性値
| 値 | 説明 |
|---|---|
| number | 正または負の値は、影と形状の垂直距離を定義します。 |
技術的詳細
| デフォルト値： | 0 |
|---|
ブラウザのサポート
この表の数字は、この属性を完全にサポートする最初のブラウザバージョンを示しています。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注記：Internet Explorer 8 以前のバージョンは <canvas> 要素をサポートしていません。
