Canvas beginPath() विधि

Canvas संदर्भ मानचित्र

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

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

टिप्पणी:Internet Explorer 8 और उससे पहले की संस्करण ने <canvas> एलीमेंट को समर्थित नहीं किया।

Canvas संदर्भ मानचित्र