Hình tròn Canvas HTML

Mô hình

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

Thử ngay

Vẽ hình tròn

Để vẽ hình tròn trên canvas, hãy sử dụng các phương pháp sau:

• beginPath() - Bắt đầu đường dẫn
• arc(x,y,r,start,end) - Định nghĩa hình tròn
• stroke() - Vẽ

arc(x,y,r,start,end) - Tạo đoạn cong (đường cong).

Để tạo hình tròn, hãy đặt góc bắt đầu là 0 và góc kết thúc là 2 * Math.PI.

x và y là các tham số định nghĩa tọa độ tâm của hình tròn.

r tham số định nghĩa bán kính của đường tròn.

Xin xem thêm:

Hướng dẫn tham khảo đầy đủ Canvas của CodeW3C.com