مثال
بدء مسار، والانتقال إلى وضع 0،0. إنشاء خط لوضع 300150:
جافا سكريبت:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke(); انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.
| طريقة | |||||
|---|---|---|---|---|---|
| lineTo() | 4.0 | تسعة | 3.6 | 4.0 | 10.1 |
تعريف والاستخدام
و lineTo() يضيف الأسلوب نقطة جديدة ويخلق خط من تلك النقطة إلى نقطة محددة الأخيرة في قماش (this method does not draw the line) .
Tip: استخدم stroke() طريقة لرسم الواقع المسار على قماش.
| جافا سكريبت بناء الجملة: | context . lineTo( x,y ) . |
|---|
قيم معلمة
| معامل | وصف | العبها |
|---|---|---|
| x | الإحداثي س من حيث لإنشاء خط ل | العبها " |
| y | الإحداثي ص من حيث لإنشاء خط ل | العبها " |
مزيد من الأمثلة
مثال
رسم المسار، على شكل حرف 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();
انها محاولة لنفسك » <كائن قماش