例
30 ピクセル下に配置した影付きの矩形を描画します:
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.shadowOffsetY=30;
ctx.fill();
Try it yourself »
HTML5 canvas リファレンス
