HTML canvas beginPath() विधि

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

beginPath() विधि एक रास्ता शुरू करती है या मौजूदा रास्ते को पुनर्स्थापित करती है。

संकेत:रास्ते बनाने के लिए इन विधियों का उपयोग करें: moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo() और arc()。

संकेत:कृपया इन विधियों का उपयोग करें stroke() कैनवस पर निश्चित रास्ते आरेखित करने के लिए विधि

उदाहरण

कैनवस पर दो रास्ते आरेखित करें; लाल और नीला:

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

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