కాన్వాస్ శాడో ఆఫ్సెట్ యొక్క లక్షణం

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

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

  • shadowOffsetY=0 పార్శ్వం ఆకారం యొక్క టాప్ స్థానం క్రిందన ఉంది
  • shadowOffsetY=20 పార్శ్వం ఆకారం యొక్క టాప్ స్థానం క్రిందన 20 పిక్సెల్స్ వద్ద ఉంది
  • shadowOffsetY=-20 పార్శ్వం ఆకారం యొక్క టాప్ స్థానం పైన 20 పిక్సెల్స్ వద్ద ఉంది

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

ఉదాహరణ

ఒక నిష్కర్ష గుండారాన్ని చేర్చండి, దాని టాప్ స్థానం నుండి 20 పిక్సెల్స్ కు క్రిందకు పార్శ్వం ఉండేది:

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

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 以及更早的版本不支持 元素。