HTML कैनवास की स्ट्रोकरेक्ट () विधि का उपयोग वेब पेज पर एक आयत बनाने के लिए किया जाता है। <कैनवास> तत्व आपको जावास्क्रिप्ट का उपयोग करके वेब पेज पर ग्राफिक्स बनाने की अनुमति देता है। प्रत्येक कैनवास में दो तत्व होते हैं जो कैनवास की ऊंचाई और चौड़ाई का वर्णन करते हैं अर्थात क्रमशः ऊंचाई और चौड़ाई।
निम्नलिखित वाक्य रचना है -
context.strokeRect(p,q,width,height);
ऊपर,
- p − आयत के ऊपरी-बाएँ कोने का x-निर्देशांक
- q - आयत के ऊपरी-बाएँ कोने का y-निर्देशांक
- चौड़ाई - आयत की चौड़ाई
- ऊंचाई - आयत की ऊँचाई
आइए अब कैनवास के स्ट्रोक स्टाइल गुण को लागू करने के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html>
<html>
<body>
<canvas id="newCanvas" width="550" height="400" style="border −2px solid orange;"></canvas>
<script>
var c = document.getElementById("newCanvas");
var ctx = c.getContext("2d");
ctx.strokeRect(120, 120, 220, 120);
</script>
</body>
</html> आउटपुट
