Phương pháp HTML canvas arc()
Định nghĩa và cách sử dụng
arc() Phương pháp tạo hình tròn/đường cong (dùng để tạo hình tròn hoặc phần hình tròn).
Lưu ý:Nếu bạn muốn tạo hình tròn bằng arc(), hãy đặt góc bắt đầu là 0và đặt góc kết thúc là 2*Math.PI.
Lưu ý:Vui lòng sử dụng stroke() hoặc fill() Phương pháp vẽ hình tròn thực tế trên canvas.
- Trung tâm: arc(
100,75,50,0*Math.PI,1.5*Math.PI) - Góc bắt đầu: arc(100,75,50,
0,1.5*Math.PI) - Góc kết thúc: arc(100,75,50,0*Math.PI,
1.5*Math.PI)
Mẫu
Tạo một hình tròn:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.arc(100,75,50,0,2*Math.PI);
ctx.stroke();
Cú pháp
context.arc(x,y,r,sAngle,eAngle,counterclockwise);
Giá trị tham số
| Tham số | Mô tả |
|---|---|
| x | Tọa độ x của tâm vòng tròn. |
| y | Tọa độ y của tâm vòng tròn. |
| r | Bán kính của vòng tròn. |
| sAngle | Góc bắt đầu, tính bằng弧 độ. (Vị trí 3 giờ của vòng tròn là 0 độ). |
| eAngle | Góc kết thúc, tính bằng弧 độ. |
| counterclockwise | Tùy chọn. Quy định nên vẽ theo chiều kim đồng hồ ngược hoặc theo chiều kim đồng hồ. False = theo chiều kim đồng hồ, true = ngược chiều kim đồng hồ. |
Hỗ trợ trình duyệt
Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Ghi chú：Internet Explorer 8 và các phiên bản sớm hơn không hỗ trợ yếu tố <canvas>.
