Canvas shadowOffsetY 属性

定义和用法

shadowOffsetY 属性设置或返回形状与阴影的垂直距离。

  • shadowOffsetY=0 指示阴影位于形状的正下方
  • shadowOffsetY=20 指示阴影位于形状 top 位置下方的 20 像素处
  • shadowOffsetY=-20 指示阴影位于形状 top 位置上方的 20 像素处

提示:如需调整距离形状的水平位置,请使用 shadowOffsetX 属性。

实例

绘制一个矩形,带有向下偏移 20 像素的阴影(从矩形的 top 位置):

Your browser does not support the canvas tag.

JavaScript:

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

亲自试一试

语法

context.shadowOffsetY=number;

属性值

描述
number 正值或负值,定义阴影与形状的垂直距离。

تکنیکی تفصیلات

دفعہ کا دفعہ: 0

براوزر سپورٹ

جداول میں شمار کا مطلب یہ ہے کہ اس کا پہلا مکمل طور پر اس انداز کو سپورٹ کرنے والا براوزر کی نسلیں

کروم ایج فائر فاکس سافری آپرا
کروم ایج فائر فاکس سافری آپرا
4.0 9.0 3.6 4.0 10.1

تذکرہ:اینٹرنیٹ ایکسپلورر 8 اور اس سے پچھلے کی نسلیں <کینواس> علامت کو نہیں سپورٹ کرتی ہیں。