Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML कैनवास शैडोकलर प्रॉपर्टी

<घंटा/>

छाया के लिए रंग सेट करने के लिए HTML कैनवास की शैडोकलर संपत्ति का उपयोग किया जाता है। डिफ़ॉल्ट मान #000000 है।

निम्नलिखित वाक्य रचना है -

ctx.shadowColor=color;

ऊपर, छाया के लिए रंग सेट करें।

आइए अब कैनवास के शैडोकलर गुण को लागू करने के लिए एक उदाहरण देखें -

उदाहरण

<!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 = 20;
   ctx.shadowColor = "gray";
   ctx.fillStyle = "blue";
   ctx.fillRect(40, 40, 200, 250);
</script>
</body>
</html>

आउटपुट

HTML कैनवास शैडोकलर प्रॉपर्टी


  1. एचटीएमएल डोम स्क्रॉलटॉप प्रॉपर्टी

    HTML DOM स्क्रॉलटॉप प्रॉपर्टी HTML दस्तावेज़ में पिक्सेल में लंबवत रूप से स्क्रॉल किए गए तत्व की सामग्री के मान को लौटाती है और संशोधित करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग स्क्रॉलटॉप element.scrollTop स्क्रॉलटॉप जोड़ना element.scrollTop = value यहां मान पिक्सेल में है

  1. एचटीएमएल डोम स्क्रॉलबाएं संपत्ति

    DOM scrollLeft गुण HTML दस्तावेज़ में पिक्सेल में क्षैतिज रूप से स्क्रॉल किए गए तत्व की सामग्री के मान को लौटाता है और संशोधित करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - वापिस स्क्रोल लेफ्ट element.scrollLeft स्क्रॉल बाएं जोड़ना element.scrollLeft = value यहां मान पिक्सेल में है उदाहरण

  1. HTML कैनवास मूल बातें

    वेब पेज पर कैनवास बनाने के लिए, HTML5 कैनवास तत्व का उपयोग करें। तत्व आपको जावास्क्रिप्ट का उपयोग करके ग्राफिक्स बनाने की अनुमति देता है। कैनवास के साथ, एक रेखा, आयत, बेज़ियर वक्र, आदि बनाएं। प्रत्येक कैनवास में दो तत्व होते हैं जो कैनवास की ऊंचाई और चौड़ाई का वर्णन करते हैं अर्थात क्रमशः ऊंचाई और