Canvas arcTo() পদ্ধতি
অর্থ ও ব্যবহার
arcTo()
ক্যানভাসের ওপর দুই চুল্লির মধ্যে আঙ্কুষ্ট্র/গোলাকার সৃষ্টি করার পদ্ধতি
সুঝাওয়া:ব্যবহার করুন stroke() ক্যানভাসের ওপর নিশ্চিত আঙ্কুষ্ট্র অঙ্কন করার পদ্ধতি
উদাহরণ
দুই চুল্লির মধ্যে একটি আঙ্কুষ্ট্র সৃষ্টি করুন ক্যানভাসের ওপর:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.beginPath(); ctx.beginPath(); ctx.moveTo(20,20); // শুরু পয়লা সৃষ্টি ctx.lineTo(100,20); // অনুভূমিক সৃষ্টি ctx.arcTo(150,20,150,70,50); // আঙ্কুষ্ট্র সৃষ্টি ctx.lineTo(150,120); // ভিক্টিকল সৃষ্টি ctx.stroke(); // অঙ্কন করা
বিন্যাস
context.fillRect(x1,y1,x2,y2,r);
পারামিটার মান
পারামিটার | বর্ণনা |
---|---|
x1 | আঙ্কুষ্ট্রের ভাব পয়লা এক্স অক্ষ |
y1 | আঙ্কুষ্ট্রের ভাব পয়লা ওয়াই অক্ষ |
x2 | আঙ্কুষ্ট্রের শেষ পয়লা এক্স অক্ষ |
y2 | ময়রার শেষ প্রান্তের y অক্ষের সংকেত |
r | ময়রা গোলার ব্যাস |
ব্রাউজার সমর্থন
তালিকায় উল্লিখিত সংখ্যাগুলি এই ধরনের অভিন্ন সমর্থনকারী ব্রাউজারের প্রথম সংস্করণ উল্লেখ করে
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
---|---|---|---|---|
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
মন্তব্য:Internet Explorer 8 এবং তার পূর্ববর্তী সংস্করণগুলি <canvas> উপাদানটি সমর্থন করে না。