HTML5 canvas shadowColor 属性
 HTML5 canvas リファレンス
例
黒い影付きの赤い矩形を描画します:
JavaScript:
<script type="text/javascript">
var canvas=document.getElementById("myCanvas");
var
ctx=canvas.getContext("2d");
ctx.rect(20,20,100,80);
ctx.fillStyle="red";
ctx.shadowColor="black";
ctx.shadowBlur=10;
ctx.fill();
</script>
Try it yourself »
定義と用法
shadowColor 属性は、影の色を指定します。
影は、shadowOffsetX、shadowOffsetY、と shadowBlur 属性を使用して調整します。
| デフォルト値: |
#000000 |
| JavaScript 構文: |
context.shadowColor="#FF0022"; |
ブラウザ・サポート
shadowColor 属性は、主要な全ブラウザがサポートしています。
属性値
HTML5 canvas リファレンス
|