HTML canvas(画布)shadowOffsetY属性

• 

  shadowOffsetY属性定义和用法

  shadowOffsetY属性设置或返回阴影与形状的垂直距离。
  shadowOffsety=0表示阴影正好在形状后面。
  shadowOffsetY=20表示阴影在形状顶部位置下方20像素处开始。
  shadowOffsetY=-20表示阴影在形状顶部位置上方20像素处开始。
  提示：要调整阴影与形状的水平距离，请使用shadowOffsetX属性。

• 

  shadowOffsetY属性浏览器支持

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

• 

  shadowOffsetY属性语法

  context.shadowOffsetY=number;

• 

  shadowOffsetY属性实例

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

  尝试一下
• 

  shadowOffsetY属性返回/属性值

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

• 

  shadowOffsetY属性相关页面

  HTML教程：HTML脚本

  HTML教程：HTML画布