مثال
بدء مسار، والانتقال إلى وضع 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(); انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة مستعرض يعتمد الأسلوب بشكل كامل.
| طريقة | |||||
|---|---|---|---|---|---|
| lineTo() | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
تعريف واستخدام
و lineTo() ويضيف أسلوب نقطة جديدة ويخلق خط لتلك النقطة من نقطة محددة الأخيرة في قماش (هذا الأسلوب لا يوجه خط).
نصيحة: استخدم 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();
انها محاولة لنفسك »