أسلوب Canvas arc()
التعريف والاستخدام
arc() يستخدم هذا الأسلوب لإنشاء الدوائر أو أجزاء الدوائر.
نصيحة:لإنشاء دائرة باستخدام arc()، قم بتعيين زاوية البداية كالتالي 0، يحدد زاوية النهاية كالتالي 2*Math.PI.
نصيحة:استخدم رسم أو ملء يستخدم هذا الأسلوب لرسم الخطوط الفعلية على اللوحة.
- المركز: arc(
100,75,50,0*Math.PI,1.5*Math.PI) - زاوية البداية: arc(100,75,50,
0,1.5*Math.PI) - زاوية النهاية: arc(100,75,50,0*Math.PI,
1.5*Math.PI)
مثال
أنشئ دائرة:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();
اللغة
السياق.arc(x,y,r,sAngle,eAngle,مقابل الساعة);
قيمة المعلمات
| المعلمات | وصف |
|---|---|
| x | مستوى x المركزي للدائرة. |
| y | مستوى y المركزي للدائرة. |
| r | محيط الدائرة. |
| sAngle | زاوية البداية، بالدرجات المئوية. (موقع الساعة الثالثة من الدائرة هو 0 درجة). |
| eAngle | زاوية النهاية، بالدرجات المئوية. |
| مقابل الساعة | اختياري. يحدد ما إذا كان يجب رسم الرسم بالساعة العكسية للساعة أو بالساعة. False = بالساعة، true = بالساعة العكسية. |
دعم المتصفحات
الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
ملاحظة:Internet Explorer 8 وكل الإصدارات السابقة لا يدعم عنصر <canvas>.
