منحنی‌های کانواس HTML

مثال

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(100, 50, 50, 0, Math.PI);
ctx.stroke();

آزمایش کنید

روش arc()

منحنی دایره‌ای بخشی از دایره است و توسط مختصات مرکز و رادیوس تعریف می‌شود:

نقاشی منحنی دایره‌ای کanvas

برای نقاشی منحنی دایره‌ای از مسیرهای کanvas استفاده کنید:

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

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

arc(x,y,r,start,end) - ایجاد یک قوس (منحنی).

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

پارامتر‌های x و y، مختصات مرکز دایره را تعریف می‌کنند.

پارامتر r تعریف می‌کند که رادیوس دایره چیست.

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

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