shadowOffsetXプロパティキャンバスHTML
例
（長方形の左の位置から）右20ピクセルシェーディングにオフセットして長方形を描きます：
JavaScriptを：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
»をお試しください
ブラウザのサポート
Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポートshadowOffsetXプロパティ。
注：のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。
定義と使用法
shadowOffsetXプロパティセットや影の形状と水平距離を返します。
shadowOffsetX = 0はちょうど影に位置する形状の下に示します。
shadowOffsetX = 20は、左右の位置に影の形状20ピクセルを示しています。
shadowOffsetX = -20左に20ピクセル左の位置の影の形状を示します。
ヒント：使用して、影や形状からの垂直距離を調整するにはshadowOffsetYのプロパティを。
| デフォルト： | 0 |
|---|---|
| JavaScriptシンタックス： | コンテキスト.shadowOffsetX =数; |
プロパティ値
| 值 | 描述 |
|---|---|
| number | 正值或负值，定义阴影与形状的水平距离。 |
HTMLキャンバスリファレンスマニュアル