HTML canvas shadowOffsetY attribute

HTML5 Canvas 參考手冊

Paglilinaw at paggamit

shadowOffsetY Ang pagtatakda ng katangian o pagbabalik ng vertical na distansya ng porma at liwanag.

  • shadowOffsetY=0 Ipinapakita na ang liwanag ay nasa ilalim ng porma
  • shadowOffsetY=20 Ipinapakita na ang liwanag ay nasa 20 pixel sa taas ng porma
  • shadowOffsetY=-20 Ipinapakita na ang liwanag ay nasa 20 pixel sa taas ng porma

Mga tip:Kung gusto mong ayusin ang lebel ng porma sa horizontal na posisyon, gamitin ang shadowOffsetX Mga katangian.

Mga halimbawa

Ihanda ang isang parihaba, na may isang lumubog na liwanag na 20 pixel baba (mula sa taas ng parihaba):

Ang iyong browser ay hindi sumusuporta sa tag na canvas.

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

瀏覽器支持

表中的數字注明了首位完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

註釋：Internet Explorer 8 並及更早的版本不支持 <canvas> 元素。

HTML5 Canvas 參考手冊