Canvas lineTo() পদ্ধতি
বর্ণনা ও ব্যবহার
lineTo() একটি নতুন পয়েন্ট যোগ করুন, এবং সেই পয়েন্ট থেকে শেষবস্থানকার পয়েন্টের পর্যন্ত একটি লাইন তৈরি করুন (এই পদ্ধতিটি লাইন তৈরি করবে না)。
সুঝানা:ব্যবহার করুন stroke() ক্যানভাসে নির্দিষ্ট পথ দ্বারা চিত্রিত করার পদ্ধতি
প্রতিদর্শন
উদাহরণ 1
একটি পথ শুরু করুন, 0,0-এ স্থানান্তর করুন। 300,150-এ পৌঁছনোর একটি লাইন তৈরি করুন:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
সুঝানা:পানের নিচে আরও উদাহরণ পাবেন
সিন্থ্যাক্স
context.lineTo(x,y);
পারামিটার মান
| পারামিটার | বর্ণনা |
|---|---|
| x | পথের লক্ষ্যস্থানের x-অক্ষ নির্দেশক |
| y | পথের লক্ষ্যস্থানের y-অক্ষ নির্দেশক |
আরও উদাহরণ
উদাহরণ 2
একটি লেটার 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.stroke();
ব্রাউজার সমর্থন
এই টেবিলের সংখ্যাগুলি এই বৈশিষ্ট্যটি পূর্ণাত্মকভাবে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি উল্লেখ করে
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
মন্তব্য:Internet Explorer 8 এবং তার আগের সংস্করণগুলি <canvas> ইলেকট্রনিক ইঞ্জেক্টরটি সমর্থন করে না。
