oval‌های کانواس HTML

مثال

مرورگر شما پیکربندی HTML5 کانواس را پشتیبانی نمی‌کند.
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(95, 50, 40, 0, 2 * Math.PI);
ctx.stroke();

آزمایش کنید

نقاشی دایره

برای نقاشی کردن یک دایره روی کانواس، از روش زیر استفاده کنید:

  • beginPath() - شروع مسیر
  • arc(x,y,r,start,end) - تعریف دایره
  • stroke() - نقاشی کردن

arc(x,y,r,start,end) - ایجاد یک منحنی دایره‌ای (منحنی).

برای ایجاد یک دایره، زاویه شروع را به 0 و زاویه پایان را به 2 * Math.PI تنظیم کنید.

محدوده‌های x و y برای تعیین مختصات مرکز دایره تعریف شده‌اند.

رابطه‌ی r تعریف می‌کند که نیم‌دایره‌ی دایره را مشخص می‌کند.

لطفاً به: مراجعه کنید

دستورالعمل‌های کامل کانواس CodeW3C.com