توصیه‌های آموزشی:
روش HTML 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(ایکس,ی);
مقدار پارامتر
| پارامتر | توضیحات |
|---|---|
| ایکس | راستای مقصد کورس کی ایکس کورس |
| ی | راستای مقصد کورس کی یوسی |
更多 مثال
ਉਦਾਹਰਣ 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> ਐਲੀਮੈਂਟ ਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦੀਆਂ ਹਨ。
