HTML कैनवस shadowOffsetY गुण

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

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

shadowOffsetY गुण को सेट करना या रूपरेखा और छाया के अभिकर्णीय दूरी को वापस करना।

  • shadowOffsetY=0 छाया को रूपरेखा के नीचे कहा जाता है
  • shadowOffsetY=20 छाया को रूपरेखा के top स्थान से 20 पिक्सल नीचे कहा जाता है
  • shadowOffsetY=-20 छाया को रूपरेखा के top स्थान से 20 पिक्सल ऊपर कहा जाता है

सूचना:यदि आप रूपरेखा के स्थान को समायोजित करना चाहते हैं तो इस्तेमाल करें: shadowOffsetX गुण

उदाहरण

एक चतुर्भुज को ड्रा करें जिसमें तल की ओर 20 पिक्सल का छाया हो (चतुर्भुज के top स्थान से):

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

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

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