कैनवस शेड्डॉवर ऑफसेट यू गुण
विवरण और उपयोग
shadowOffsetY
गुण को सेट करने या वापस करने के लिए गुण-मान को अभिव्यक्त करता है।
shadowOffsetY=0
इसका अर्थ है कि शेड्डॉवर आकृति के नीचे हैshadowOffsetY=20
इसका अर्थ है कि शेड्डॉवर आकृति के शीर्ष स्थान से 20 पिक्सल नीचे हैshadowOffsetY=-20
इसका अर्थ है कि शेड्डॉवर आकृति के शीर्ष स्थान से 20 पिक्सल ऊपर है
सूचना:यदि आप आकृति के स्थान को समायोजित करना चाहते हैं, तो इसे इस्तेमाल करें shadowOffsetX गुण
उदाहरण
एक चतुर्भुज को आरेखित करें जिसमें शेड्डॉवर 20 पिक्सल की नीचे की ओर भाग करता है (चतुर्भुज के शीर्ष स्थान से):
जेसक्रिप्ट:
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=संख्या;
गुण-मान
मान | वर्णन |
---|---|
संख्या | धनात्मक या नकारात्मक, शेड्डॉवर और आकृति के ऊपरी रेखांकन की अभिव्यक्ति करता है。 |
तकनीकी विवरण
डिफ़ॉल्ट वैल्यू: | 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> एलीमेंट को समर्थन नहीं देते हैं。