HTML कैनवास में भरण () विधि का उपयोग वर्तमान ड्राइंग पथ को भरने के लिए किया जाता है। डिफ़ॉल्ट काला है। <कैनवास> तत्व आपको जावास्क्रिप्ट का उपयोग करके वेब पेज पर ग्राफिक्स बनाने की अनुमति देता है। प्रत्येक कैनवास में दो तत्व होते हैं जो कैनवास की ऊंचाई और चौड़ाई का वर्णन करते हैं अर्थात क्रमशः ऊंचाई और चौड़ाई।
निम्नलिखित वाक्य रचना है-
ctx.fill();
आइए अब कैनवास की भरण () पद्धति को लागू करने के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="450" height="250" style="border:2px solid blue;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.rect(50, 60, 300, 200);
ctx.fillStyle = "green";
ctx.fill();
</script>
</body>
</html> आउटपुट
