కాన్వాస్ షేడో షడోఆఫ్సెట్ఎక్స్ లక్షణం
నిర్వచనం మరియు ఉపయోగం
shadowOffsetX లక్షణం సెట్ లేదా పునరుద్ధరించడానికి ఆకారం మరియు షేడో యొక్క హోరిజాంటల్ దూరం నిర్వచిస్తారు.
shadowOffsetX=0షేడో ఆకారం యొక్క అధికారంలో ఉన్నాయిshadowOffsetX=20షేడో ఆకారం యొక్క లెఫ్ట్ స్థానం కుడివైపు 20 పిక్సెల్స్ ఉన్నాయిshadowOffsetX=-20షేడో ఆకారం యొక్క లెఫ్ట్ స్థానం కుడివైపు 20 పిక్సెల్స్ ఉన్నాయి
సూచనఆకారం నుండి అంతరాన్ని సవరించడానికి ఉపయోగించండి shadowOffsetY లక్షణాలు
ఉదాహరణ
కుడివైపు వాస్తవ్యం ఉన్న శక్తిస్తరంతో రెక్టాంజల్ను చేర్చండి 20 పిక్సెల్స్ ఉపాదానం (రెక్టాంజల్ యొక్క లెఫ్ట్ స్థానం నుండి):
జావాస్క్రిప్ట్:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
సంకేతం
context.shadowOffsetX=నంబర్;
లక్షణ విలువ
| విలువ | వివరణ |
|---|---|
| నంబర్ | ప్రత్యేకంగా లేదా నకారం, షేడో మరియు ఆకారం యొక్క హోరిజాంటల్ దూరం నిర్వచిస్తారు. |
技术细节
| 默认值： | 0 |
|---|
浏览器支持
表中的数字注明了首个完全支持该属性的浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注释：Internet Explorer 8 以及更早的版本不支持
