مسار لوحة الرسوم المتحركة HTML
- الصفحة السابقة دائرة لوحة الرسوم المتحركة
- الصفحة التالية التدرج في لوحة الرسوم المتحركة
مثال
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();
طريقة arc()
الدائرة القوسية هي جزء من الدائرة، وتعرف أيضًا بمركز النقطة الوسطية والقطر:
رسم دائرة قوسية على Canvas
استخدم مسار الرسام لت绘图 دائرة قوسية:
| طريقة | وصف | رسم |
|---|---|---|
| beginPath() | بدء مسار. | لا |
| arc() | تعريف المنحنى. | لا |
| stroke() | رسم. | نعم |
لرسم دائرة على الرسام، استخدم الطريقة التالية:
- beginPath() - بدء المسار
- arc(x,y,r,start,end) - تعريف الدائرة
- stroke() - رسم
arc(x,y,r,start,end) - إنشاء دائرة قوسية (منحنى).
لإنشاء دائرة، قم بتعيين زاوية البداية إلى 0، وزاوية النهاية إلى 2 * Math.PI.
المعلمتان x و y تعرفان مركز الدائرة.
المعلمة r تعرف قطر الدائرة.
يرجى الرجوع إلى:
- الصفحة السابقة دائرة لوحة الرسوم المتحركة
- الصفحة التالية التدرج في لوحة الرسوم المتحركة
