hướng dẫn cho chức năng hồ quang của vải HTML

Question

Tôi không thể tìm ra tất cả các tham số cho hàm arc() là (bằng thử nghiệm) và tôi không tìm thấy bất kỳ hướng dẫn nào có vẻ giải thích chúng. Lời giải thích tốt về hàm arc() ở đâu?

Answer 1

arc(x, y, radius, startAngle, endAngle, anticlockwise) 

Ba thông số đầu tiên, x và y và bán kính, mô tả một vòng tròn, vòng cung được vẽ sẽ là một phần của vòng tròn đó. startAngle và endAngle là nơi dọc theo vòng tròn để bắt đầu và dừng vẽ. 0 là hướng đông, Math.PI/2 ở phía nam, Math.PI ở phía tây và Math.PI * 3/2 ở phía bắc. Nếu ngược chiều kim đồng hồ là 1 thì hướng của vòng cung bị đảo ngược.

https://developer.mozilla.org/En/Canvas_tutorial/Drawing_shapes#Arcs

Trong sơ đồ kèm theo, sự khác biệt duy nhất là các param ngược lại. Math.PI/2 luôn kết thúc theo chiều kim đồng hồ hoặc ngược chiều kim đồng hồ

Answer 2

Theo MDC:

arc(x, y, radius, startAngle, endAngle, anticlockwise) 

x, y, và bán kính rõ ràng thông số vòng tròn. startAngle và endAngle là radian, bắt đầu từ phía đông. ngược chiều kim đồng hồ là một boolean.

Answer 3

Để biết thêm thông tin, vui lòng xem lại liên kết bên dưới. Tôi đã có một ý tưởng rõ ràng bằng cách sử dụng liên kết này.

http://www.html5canvastutorials.com/tutorials/html5-canvas-arcs/

Answer 4

Tôi đã có cùng một vấn đề và thực hiện một ít trang tương tác để giúp làm cho ý nghĩa của nó:

http://www.scienceprimer.com/drawing-circles-javascript-html5-canvas-element

Tất cả các thông số có thể được điều chỉnh và arc kết quả được trả lại trong thời gian thực. Trang này cũng trình bày cách các phương thức fill(), stroke() và closePath() tương tác với phương thức arc().

Answer 5

Kiểm tra ví dụ này đơn giản cho một giới thiệu ngắn gọn để Canvas và chức năng arc của HTML5: http://pastebin.com/kxB7uJLD

Chừng nào.