Canvas shadowOffsetY Atributo

Pambibigay ng Reference sa Canvas

Pagsasagawa at paggamit

shadowOffsetY Atributo ay nagtatalaga o ibabalik ang tuwid na distansya ng hugis at aninong maliwanag.

  • shadowOffsetY=0 Ipinapakita na ang aninong maliwanag ay nasa ibaba ng hugis
  • shadowOffsetY=20 Ipinapakita na ang aninong maliwanag ay nasa 20 pixel sa taas ng hugis
  • shadowOffsetY=-20 Ipinapakita na ang aninong maliwanag ay nasa 20 pixel sa taas ng hugis

Mga payo:Kung gusto mong ayusin ang horizontal na posisyon ng hugis, gamitin ang shadowOffsetX Atributo.

Eksemplo

Ilikha ng isang parisukat na may aninong maliwanag na bumaba ng 20 pixel (mula sa taas ng parisukat):

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);

Subukan nang personal na

Gramata

context.shadowOffsetY=number;

Halagang atributo

Halaga Paglalarawan
number Mga positibo o negatibo, naglalarawan ng pagitan ng aninong maliwanag at hugis sa tuwid na distansya.

Detalye ng Teknolohiya

Default na Halaga: 0

Suporta ng Browser

Ang numero sa talahanan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian.

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

Komento:Ang Internet Explorer 8 at mas maagang bersyon ay hindi sumusuporta sa <canvas> elemento.

Pambibigay ng Reference sa Canvas