HTML कैनवस shadowOffsetX गुण

HTML5 Canvas संदर्भ दस्तावेज

वर्णन और उपयोग

shadowOffsetX गुण को सेट करना या वापस करना, यह रूपाकार और छाया के बीच की स्थायी दूरी है。

  • shadowOffsetX=0 छाया रूपाकार के नीचे है
  • shadowOffsetX=20 छाया रूपाकार के left स्थान के दायाँ ओर 20 पिक्सल में है
  • shadowOffsetX=-20 छाया रूपाकार के left स्थान के बाईं ओर 20 पिक्सल में है

सूचना:यदि आप रूपाकार से अधिकतम अवरोध को समायोजित करना चाहते हैं, तो इसे इस्तेमाल करें: shadowOffsetY गुण

उदाहरण

एक चतुर्भुज को बनाएं, जिसमें दायाँ ओर 20 पिक्सल का छाया हो (चतुर्भुज के left स्थान से):

आपका ब्राउज़र कैनवस टैग को समर्थित नहीं करता.

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=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 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。

HTML5 Canvas संदर्भ दस्तावेज