كرة Canvas HTML

مثال

متصفحك لا يدعم علامة HTML5 Canvas.
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();

تجربة شخصية

رسم دائرة

لرسم دائرة على اللوحة، استخدم الطريقة التالية:

  • beginPath() - بدء المسار
  • دائرة (x,y,محيط,بداية,نهاية) - تعريف الدائرة
  • رسم() - رسم

دائرة (x,y,محيط,بداية,نهاية) - إنشاء دائرة قوسية (منحنى).

لإنشاء دائرة، قم بتعيين زاوية البداية إلى 0، وزاوية النهاية إلى 2 * Math.PI.

محددات x و y هواضع نقطة مركز الدائرة.

يحدد معامل r قطر الدائرة.

يرجى الرجوع إلى:

كتيب مرجعي كامل لـ Canvas في CodeW3C.com