مثال
رسم مسارين على قماش. واحد الأخضر والأرجواني واحد:
جافا سكريبت:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Green path
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle="purple"; // Purple path
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Draw it انها محاولة لنفسك » دعم المتصفح
الأرقام في الجدول تحدد أول نسخة مستعرض يعتمد الأسلوب بشكل كامل.
| طريقة | |||||
|---|---|---|---|---|---|
| beginPath() | نعم فعلا | تسعة | نعم فعلا | نعم فعلا | نعم فعلا |
تعريف واستخدام
و beginPath() يبدأ أسلوب مسار، أو إعادة تعيين المسار الحالي.
نصيحة: يمكنك استخدام moveTo(), lineTo(), quadricCurveTo(), bezierCurveTo(), arcTo() ، و arc() ، لإنشاء مسارات.
نصيحة: استخدم stroke() طريقة رسم الواقع المسار على قماش.
| جافا سكريبت بناء الجملة: | context.beginPath(); |
|---|