پیشنهاد دوره:
مетод HTML canvas lineTo()
تعریف و کاربرد lineTo()
توجه:برای افزودن یک نقطه جدید استفاده کنید، سپس خطی از این نقطه به نقطه آخر مشخص شده در کanvas ایجاد کنید (این روش خطی ایجاد نمیکند). stroke() این روش مسیر دقیقی را روی کanvas نقاشی میکند.
مثال
مثال 1
یک مسیر جدید شروع کنید، به موقعیت 0,0 حرکت کنید. یک خط به موقعیت 300,150 ایجاد کنید:
جاوا اسکریپت:
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 | موقعیت هدف مسیر کordinate x. |
| y | موقعیت هدف مسیر کordinate y. |
更多 مثال
مثال 2
ایک راستہ بنائیں، شکل ایک حرف L ہوتی ہے:
جاوا اسکریپت:
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 |
نوٹ:اینٹرنیشنل ایکسپلورر 8 اور اس سے پچھلے کی نسلیں، <canvas> علامت کو نہیں سپورٹ کرتی ہیں。
