طريقة HTML 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();
النصاب
contex.arc(x,y,r,sAngle,eAngle,counterclockwise);
قيمة المفردات
| الم参数 | الوصف |
|---|---|
| x | موقع x للوسط الدائري. |
| y | موقع y للوسط الدائري. |
| r | قطر الدائرة. |
| sAngle | زاوية البداية، بالدرجات. (موقع الساعة الثالثة من الدائرة هو 0 درجة). |
| eAngle | زاوية النهاية، بالدرجات. |
| counterclockwise | اختياري. يحدد إذا كان الرسم ينبغي أن يكون في اتجاه الساعة المعكوسة أو الساعة. 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>.
