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