Phương thức HTML canvas arc ()

Tạo một vòng kết nối:

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.arc(100, 75, 50, 0, 2 * Math.PI);
ctx.stroke();

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phương pháp này.

Method
arc()	Yes	9.0	Yes	Yes	Yes

Phương thức arc () tạo ra một cung / đường cong (được sử dụng để tạo các vòng tròn, hoặc các phần của vòng tròn).

Mẹo: Để tạo một đường tròn với cung (): Đặt góc bắt đầu bằng 0 và góc kết thúc bằng 2 * Math.PI.

Mẹo: Sử dụng phương thức stroke () hoặc fill () để thực sự vẽ vòng cung trên canvas.

Trung tâm

cung ( 100,75 , 50,0 * Math.PI, 1,5 * Math.PI)

Góc bắt đầu

cung (100,75,50, 0 , 1,5 * Math.PI)

Góc kết thúc

cung (100,75,50,0 * Math.PI, 1,5 * Math.PI )

Cú pháp JavaScript:	ngữ cảnh .arc ( x, y, r, sAngle, eAngle, ngược chiều kim đồng hồ );

Parameter	Description	Play it
x	The x-coordinate of the center of the circle
y	The y-coordinate of the center of the circle
r	The radius of the circle
sAngle	The starting angle, in radians (0 is at the 3 o'clock position of the arc's circle)
eAngle	The ending angle, in radians
counterclockwise	Optional. Specifies whether the drawing should be counterclockwise or clockwise. False is default, and indicates clockwise, while true indicates counter-clockwise.