Canvas शैडो के लिए चार वैश्विक विशेषताएं
HTML5 Canvas ड्राइंग ऑपरेशन्स के चारों ओर अच्छी छाया बनाने की क्षमता प्रदान करता है। सभी ड्राइंग ऑपरेशन्स चार वैश्विक शैडो विशेषताओं से प्रभावित होते हैं।
| क्र.सं. | प्रॉपर्टी और विवरण |
|---|---|
| 1 | shadowColor [ = value ] वर्तमान छाया रंग लौटाता है और छाया रंग बदलने के लिए सेट किया जा सकता है। |
| 2 | shadowOffsetX [ = value ] वर्तमान छाया ऑफसेट X लौटाता है और छाया ऑफसेट X बदलने के लिए सेट किया जा सकता है। |
| 3 | shadowOffsetY [ = value ] वर्तमान छाया ऑफसेट Y लौटाता है और छाया ऑफसेट Y बदलने के लिए सेट किया जा सकता है। |
| 4 | shadowBlur [ = value ] छाया पर लागू ब्लर का वर्तमान स्तर लौटाता है और ब्लर स्तर बदलने के लिए सेट किया जा सकता है। |
उपयोग उदाहरण
const ctx = canvas.getContext('2d');
// नीली छाया, दाएं-नीचे ऑफसेट, 5px ब्लर
ctx.shadowColor = 'rgba(0, 0, 255, 0.5)';
ctx.shadowOffsetX = 5;
ctx.shadowOffsetY = 5;
ctx.shadowBlur = 10;
ctx.fillRect(50, 50, 100, 100); // छाया के साथ आयत
शैडो रीसेट करना
// छाया अक्षम करें ctx.shadowColor = 'transparent'; // या ctx.shadowOffsetX = 0; ctx.shadowOffsetY = 0; ctx.shadowBlur = 0;
