Canvas shadowOffsetY -ominaisuus

Canvas viittausoppikirja

määrittely ja käyttö

shadowOffsetY ominaisuusasetus tai palauttaa muodon ja varjon pystysuuntainen etäisyys.

  • shadowOffsetY=0 Indikaattelee, että varjo sijaitsee muodon suoraan alla.
  • shadowOffsetY=20 Indikaattelee, että varjo sijaitsee muodon yläpään 20 kuvapisteen alapuolella.
  • shadowOffsetY=-20 Indikaattelee, että varjo sijaitsee muodon yläpään 20 kuvapisteen korkeudella.

Vinkki:Jos haluat säätää varjon horisontaalista etäisyyttä muodosta, käytä shadowOffsetX ominaisuudet.

esimerkki

Piirrä suorakulmio, jossa on 20 kuvapisteen alaspäin oleva varjo (suorakulmon yläpäästä):

Selaimesi ei tue canvas-elementtiä.

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

Kokeile itse!

syntaksi

context.shadowOffsetY=number;

ominaisuusarvo

arvo kuvaus
number On positiivinen tai negatiivinen arvo, joka määrittää varjostuksen ja muodon pystysuuntainen etäisyys.

Tekninen yksityiskohta

Oletusarvo: 0

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.

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

Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue <canvas> elementtiä.

Canvas viittausoppikirja