طريقة Canvas closePath()

التعريف والاستخدام

closePath() الطريقة لإنشاء مسار من النقطة الحالية إلى نقطة البداية.

نصيحة:استخدم stroke() الطريقة لرسم المسار المحدد على اللوحة.

نصيحة:استخدم fill() استخدم الطريقة لملء الصورة (اللون الأسود هو الافتراضي). استخدم fillStyle استخدم الخاصية لملء لون آخر/تدرج.

مثال

مثال 1

رسم مسار على شكل حرف L، ثم رسم خطوط للعودة إلى نقطة البداية:

لم يتم دعم علامة HTML5 canvas بواسطة متصفحك.

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.closePath();
ctx.stroke();

جرب بنفسك

نصيحة:يقدم الموقع المزيد من الأمثلة في القاع.

النحو

السياق.closePath();

مزيد من الأمثلة

مثال 2

استخدم اللون الأخضر كألوان التعبئة:

لم يتم دعم علامة HTML5 canvas بواسطة متصفحك.

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.closePath();
ctx.stroke();
ctx.fillStyle="green";
ctx.fill();

جرب بنفسك

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

ملاحظة:Internet Explorer 8 وكل الإصدارات السابقة لا يدعم عنصر <canvas>.