CanvasRenderingContext2D.shadowOffsetX - відстань , на яку тінь буде зміщено по горизонталі.
ctx.shadowOffsetX;
ctx - об'єкт CanvasRenderingContext2D.
shadowOffsetX властивість об'єкту CanvasRenderingContext2D яка вказує відстань , на яку тінь буде зміщено по горизонталі.
Значення за замовчуванням дорівнює 0.
var canvas= document.getElementById("canvas");
crt = canvas.getContext("2d");
crt.shadowBlur=8;
crt.shadowColor="black";
crt.shadowOffsetX=6;
crt.fillStyle="#ef00aa";
crt.fillRect(15, 15, 50, 50);
var canvas= document.getElementById("canvas");
crt = canvas.getContext("2d");
crt.shadowBlur=6;
crt.shadowColor="red";
crt.shadowOffsetX=-5;
crt.fillStyle="#a08831";
crt.fillRect(20, 20, 65, 65);