HTML కాన్వాస్ shadowOffsetY గుణం

HTML5 Canvas సంక్షిప్త పాఠ్యపుస్తకం

నిర్వచనం మరియు ఉపయోగం

shadowOffsetY గుణం సెట్ లేదా రూపం మరియు ముద్ర యొక్క వర్గం దూరాన్ని అందిస్తుంది.

  • shadowOffsetY=0 ముద్ర యొక్క క్రింది స్థానంలో ముద్ర ఉంది
  • shadowOffsetY=20 ముద్ర యొక్క top స్థానం క్రింది 20 పిక్సెల్స్ లో ముద్ర ఉంది
  • shadowOffsetY=-20 ముద్ర యొక్క top స్థానం పైకి ఉన్న 20 పిక్సెల్స్ లో ముద్ర ఉంది

సూచన:రూపం యొక్క హోరిజంటల్ స్థానాన్ని సరిదిద్దడానికి, ఈ ఉపయోగించండి: shadowOffsetX గుణాలు.

ఉదాహరణ

ఒక క్షేత్రాకారంని చేర్చండి, దానికి పైకి ఉండే 20 పిక్సెల్స్ యొక్క ముద్ర పైకి ఉండే ముద్ర (క్షేత్రాకారం యొక్క top స్థానం నుండి):

మీ బ్రౌజర్ కాన్వాస్ టాగ్‌ను మద్దతు చేయలేదు.

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=సంఖ్య;

అటువంటి లక్షణం విలువ

విలువ వివరణ
సంఖ్య అధికంగా లేదా కనిష్టంగా, కాంటెంట్ మరియు ఆకారం కు పొడిగించబడుతుంది ఎక్కువ దూరం నిర్వచిస్తుంది.

సాంకేతిక వివరాలు

డిఫాల్ట్ విలువ 0

బ్రౌజర్ మద్దతు

ఈ పట్టికలో ప్రతి అటువంటి లక్షణం మొదటి పూర్తిగా లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే బ్రౌజర్ సంస్కరణను పేర్కొన్నది.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
4.0 9.0 3.6 4.0 10.1

ప్రకటనలు:Internet Explorer 8 మరియు ఆధికారికంగా కంటెంట్ లేదా ముందస్తు సంస్కరణలు <canvas> కంటెంట్ నమ్మకానికి లేదు.

HTML5 Canvas సంక్షిప్త పాఠ్యపుస్తకం