Canvas closePath() विधि

Canvas संदर्भ पुस्तक

वर्णन और उपयोग

closePath() विधि जो वर्तमान बिंदु से शुरूआती बिंदु तक का पथ बनाती है。

सूचना:कृपया इसे इस्तेमाल करें stroke() कैनवस पर विशिष्ट पथ को चित्रित करने के लिए विधि।

सूचना:कृपया इसे इस्तेमाल करें fill() एक तस्वीर को फिल्लिंग करने के लिए विधि (डिफ़ॉल्ट रूप से काला है). कृपया इसे इस्तेमाल करें fillStyle एक अन्य रंग/ग्रेडिएंट को फिल्लिंग के लिए गुण का उपयोग करें。

इन्स्टैंस

उदाहरण 1

एक लाइन के रूप में एक पथ चित्रित करें और फिर शुरूआती बिंदु पर लौटने वाली लाइन चित्रित करें:

आपका ब्राउज़र HTML5 कैनवस टैग को समर्थित नहीं करता है。

JavaScript:

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

हरी रंग को फिल्लिंग कलर के रूप में रखें:

आपका ब्राउज़र HTML5 कैनवस टैग को समर्थित नहीं करता है。

JavaScript:

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> एलीमेंट को समर्थन नहीं देते हैं。

Canvas संदर्भ पुस्तक