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

HTML5 కాన్వాస్ సంపూర్ణ పరిశీలనాగారం

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

shadowOffsetX గుణం సెట్‌లు లేదా రూపం మరియు నీడు మధ్య అంతరాన్ని అందిస్తుంది.

  • shadowOffsetX=0 నీడు రూపం యొక్క పైన ఉంది
  • shadowOffsetX=20 నీడు రూపం యొక్క లెఫ్ట్ స్థానానికి కుడివైపు 20 పిక్సెల్స్ వద్ద ఉంది
  • shadowOffsetX=-20 నీడు రూపం యొక్క లెఫ్ట్ స్థానానికి ఎడమవైపు 20 పిక్సెల్స్ వద్ద ఉంది

సలహా:రూపం నుండి ఎదురుగా అంతరాన్ని సరిదిద్దడానికి ఉపయోగించండి: shadowOffsetY గుణం.

ప్రతిమా స్థానం

ఒక క్షేత్రాకారాన్ని చిత్రీకరించండి, దాని లెఫ్ట్ స్థానానికి వెళుతున్న 20 పిక్సెల్స్ యొక్క నీడను కలిగివుంటుంది:

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

JavaScript:

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

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

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

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

ప్రతీక్ష:ఇంటర్నెట్ ఎక్స్ప్లోరర్ 8 మరియు అది ముంది వెర్షన్లు <canvas> ఎలిమెంట్ నిరోధించబడలేదు.

HTML5 కాన్వాస్ సంపూర్ణ పరిశీలనాగారం