कैनवस शेड़ोफ़ॉफ़सेटएक्स गुण

Canvas संदर्भ मानचित्र

परिभाषा और उपयोग

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

ब्राउज़र समर्थन

इस तालिका में दिए गए नंबरों को इस विशेषता को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र संस्करण के रूप में दर्शाया गया है。

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
4.0 9.0 3.6 4.0 10.1

टिप्पणी:Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。

Canvas संदर्भ मानचित्र