طريقة إغلاق لوحة HTML القماشية ()
مثال
ارسم مسارًا على شكل الحرف 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();
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الطريقة بالكامل.
Method | |||||
---|---|---|---|---|---|
closePath() | Yes | 9.0 | Yes | Yes | Yes |
التعريف والاستخدام
تنشئ طريقة closePath () مسارًا من النقطة الحالية إلى نقطة البداية.
نصيحة: استخدم طريقة الحد () لرسم المسار فعليًا على اللوحة القماشية.
نصيحة: استخدم طريقة التعبئة () لملء الرسم (الأسود هو الافتراضي). استخدم خاصية fillStyle للتعبئة بلون / تدرج آخر.
بناء جملة JavaScript: | السياق .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();
❮ مرجع قماش HTML