HTML canvas(画布)shadowOffsetX属性

• 

  shadowOffsetX属性定义和用法

  shadowOffsetX属性设置或返回阴影与形状的水平距离。
  shadowOffsetX=0表示阴影正好在形状后面。
  shadowOffsetX=20表示阴影从右侧开始20个像素（从形状的左侧位置开始）。
  shadowOffsetX=-20表示阴影从左侧开始20个像素（从形状的左侧位置开始）。
  提示：要调整阴影与形状的垂直距离，请使用shadowOffsetY属性。

• 

  shadowOffsetX属性浏览器支持

  Internet Explorer	Chrome	FireFox	Safari	Opera
  9.0（含）以上	支持	支持	支持	支持

• 

  shadowOffsetX属性语法

  context.shadowOffsetX=number ;

• 

  shadowOffsetX属性实例

  var c=document.getElementById("myCanvas");
  var ctx=c.getContext("2d");
  ctx.shadowBlur=10;
  ctx.shadowOffsetX=20;
  ctx.shadowColor="black";
  ctx.fillStyle="red";
  ctx.fillRect(20,20,100,80);

  尝试一下
• 

  shadowOffsetX属性返回/属性值

  类型	描述
  number	一个正数或负数，它定义了阴影与图形的水平距离

• 

  shadowOffsetX属性相关页面

  HTML教程：HTML脚本

  HTML教程：HTML画布