HTML canvas beginPath() विधि
वर्णन और उपयोग
beginPath()
विधि एक रास्ता शुरू करती है या मौजूदा रास्ते को पुनर्स्थापित करती है。
संकेत:रास्ते बनाने के लिए इन विधियों का उपयोग करें: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() और arc()。
संकेत:कृपया इन विधियों का उपयोग करें stroke() कैनवस पर निश्चित रास्ते आरेखित करने के लिए विधि
उदाहरण
कैनवस पर दो रास्ते आरेखित करें; लाल और नीला:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.lineWidth="5"; ctx.strokeStyle="red"; // लाल पथ ctx.moveTo(0,75); ctx.lineTo(250,75); ctx.stroke(); // ड्राइंग करें ctx.beginPath(); ctx.strokeStyle="blue"; // नीले पथ ctx.moveTo(50,0); ctx.lineTo(150,130); ctx.stroke(); // ड्राइंग करें
व्याकरण
context.beginPath();
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण को पूरी तरह से समर्थन देने वाले पहले ब्राउज़र के संस्करण को सूचित करते हैं。
च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
---|---|---|---|---|
च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
टिप्पणी:इंटरनेट एक्सप्लोरर 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。