HTML canvas की shadowOffsetY प्रॉपर्टी आकृति से छाया की ऊर्ध्वाधर दूरी सेट करने के लिए उपयोग की जाती है। <canvas> एलिमेंट आपको JavaScript का उपयोग करके वेब पेज पर ग्राफिक्स बनाने की अनुमति देता है। हर canvas में दो एलिमेंट्स होते हैं जो canvas की ऊंचाई और चौड़ाई का वर्णन करते हैं यानी क्रमशः height और width।
निम्नलिखित सिंटैक्स है −
context.shadowOffsetY=num;
यहां, num पिक्सल में ऊर्ध्वाधर दूरी दर्शाता है।
आइए अब canvas की shadowOffsetY प्रॉपर्टी को लागू करने का एक उदाहरण देखें −
उदाहरण
<!DOCTYPE html> <html> <body> <canvas id="newCanvas" width="600" height="350" style="border:2px solid orange;"> </canvas> <script> var c = document.getElementById("newCanvas"); var ctx = c.getContext("2d"); ctx.shadowBlur = 30; ctx.shadowOffsetX = 35; ctx.shadowOffsetY = 35; ctx.shadowColor = "orange"; ctx.fillStyle = "red"; ctx.fillRect(150, 60, 280, 250); </script> </body> </html>आउटपुट
