طريقة Canvas beginPath()

دليل مرجعي لـ Canvas

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

beginPath() الطريقة تبدأ مسارًا جديدًا أو تعيد تعيين المسار الحالي.

نصيحة:يرجى استخدام هذه الطرق لإنشاء المسار: moveTo()، lineTo()، quadricCurveTo()، bezierCurveTo()، arcTo() و arc().

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

مثال

رسم مسارين على اللوحة؛ أحمر وأزرق:

متصفحك لا يدعم علامة HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="red"; // مسار أحمر
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // تنفيذ الرسم
ctx.beginPath();
ctx.strokeStyle="blue"; // مسار أزرق
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // تنفيذ الرسم

جرب بنفسك

النحو

السياق.beginPath();

دعم المتصفحات

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

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

ملاحظة:لا يدعم متصفح Internet Explorer 8 وأحدث إصداراته عنصر <canvas>.

دليل مرجعي لـ Canvas