例
右 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.shadowOffsetX=30;
ctx.fill();
Try it yourself »