HTML कैनवस closePath() तरीका
व्याख्या और उपयोग
closePath() तरीका बनाता है जो वर्तमान बिंदु से शुरूआती बिंदु तक का पथ बनाता है.
सूचना:इस्तेमाल करें: stroke() कैनवस पर निश्चित पथ को चित्रित करने के लिए तरीका
सूचना:इस्तेमाल करें: fill() फ़िल्टर को इमेज को भरने के लिए उपयोग करें (मूल रूप से काला है). इस्तेमाल करें: fillStyle एक अन्य रंग/ग्रेडिएंट को भरने के लिए गुण
इन्स्टांस
उदाहरण 1
एक पथ चित्रित करें जो अक्षर L के रूप में है, फिर शुरूआती बिंदु पर लाइन चित्रित करें:
जावास्क्रिप्ट:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
सूचना:पृष्ठ के नीचे और अधिक उदाहरण मिलते हैं。
व्याख्या और उपयोग
context.closePath();
और अधिक उदाहरण
उदाहरण 2
भूरा रंग को फुल रंग के रूप में रखें:
जावास्क्रिप्ट:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle="green";
ctx.fill();
ब्राउज़र समर्थन
तालिका में दिए गए नंबरों को पहली बार इस गुण को पूरी तरह से समर्थन देने वाले ब्राउज़र की संस्करण नंबर निर्दिष्ट करते हैं।
| च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
टिप्पणी:Internet Explorer 8 और उससे पहले की संस्करण ने <canvas> एलीमेंट को समर्थित नहीं किया।
