HTML 5 canvas shadowOffsetX 属性
实例
右偏移 20 left 位置):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 shadowOffsetX 属性。
注释:Internet Explorer 8 <canvas> 元素。
shadowOffsetX 距离。
shadowOffsetX=0 下方。
shadowOffsetX=20 于形状 left 20 像素处。
shadowOffsetX=-20 于形状 left 20 像素处。
提示:使用 shadowOffsetY 属性。
默认值: | 0 |
---|---|
JavaScript 语法: | context.shadowOffsetX=number; |
属性值
值 | 描述 |
---|---|
number | 平距离。 |