Canvas closePath() পদ্ধতি
বিবরণ ও ব্যবহার
closePath() পদ্ধতিটি ব্যবহার করুন
সুঝাওয়া:পদ্ধতিটি ব্যবহার করুন stroke() ক্যানভাসে নিশ্চিত পথকে আঁকুন。
সুঝাওয়া:পদ্ধতিটি ব্যবহার করুন fill() পথকে চিত্রে পূর্ণ করার জন্য এই পদ্ধতিটি ব্যবহার করুন (ডিফল্ট রঙ হল কালো): fillStyle একটি অন্য রঙ/প্রগতিপথকে পূর্ণাঙ্গরূপে পূর্ণ করার জন্য এটি ব্যবহার করুন:
ইনস্ট্যান্স
উদাহরণ 1
একটি লেটার L-র আকৃতির পথ আঁকুন এবং প্রারম্ভিক বিন্দুতে ফিরে আঁকুন:
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
সবুজ রঙকে পূর্ণাঙ্গ রং হিসাবে নির্দিষ্ট করুন:
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> ইলেকট্রনের সমর্থন করে না。
