مثال
رسم المسار، على شكل حرف 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.closePath();
ctx.stroke(); انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.
| طريقة | |||||
|---|---|---|---|---|---|
| closePath() | 4.0 | تسعة | 3.6 | 4.0 | 10.1 |
تعريف والاستخدام
و closePath() الأسلوب بإنشاء مسار من النقطة الحالية مرة أخرى إلى نقطة البداية.
Tip: استخدم stroke() طريقة لرسم الواقع المسار على قماش.
Tip: استخدم fill() طريقة لملء الرسم (black is default) . استخدام نمط ملء الملكية لملء مع لون آخر / التدرج.
| جافا سكريبت بناء الجملة: | context . closePath() . |
|---|
مزيد من الأمثلة
مثال
استخدام أحمر مثل لون التعبئة:
جافا سكريبت:
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.closePath();
ctx.stroke();
ctx.fillStyle="red";
ctx.fill();
انها محاولة لنفسك » <كائن قماش