کانس کا 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();
بrowsers کی پشتیبندی
جداول میں نمبر کا ذکر کیا گیا ہے جو پہلی بار اس خاص کوالٹی کو پورا کردار کی نسلیں کا حوالہ دیتا ہے。
| کروم | ایج | فائرفاکس | سافری | آپرا |
|---|---|---|---|---|
| کروم | ایج | فائرفاکس | سافری | آپرا |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
تذکرہ:اینٹرنیشنل ایکسپلورر 8 اور اس سے پچھلے کی نسلیں <کانواس> علامت کو نہیں سپورٹ کرتی ہیں。
