Làm thế nào để vẽ một đường dẫn một phần trong canvas của HTML5?

Question

Giả sử tôi có đường cong được tạo bằng cách sử dụng số serie của các cuộc gọi bezierCurveTo(). Tôi muốn làm cho nó xuất hiện dần dần trong một hình ảnh động, bằng cách tăng phần trăm của nó được rút ra khung-sau-frame. Vấn đề là tôi không thể tìm thấy một cách tiêu chuẩn để vẽ chỉ là một phần của một con đường vải - sẽ someon biết một cách tốt (hoặc thậm chí là một cách khôn lanh) để đạt được điều này?

Answer 1

Chỉ cần tìm thấy một thư viện nhỏ mà thực hiện chính xác rằng: https://github.com/camoconnell/lazy-line-painter

Nó dựa vào lib Raphael (http://raphaeljs.com/), và cả hai cùng nhau không làm cho quá lớn một trọng tải.

Answer 2

Chắc chắn ... và Simon Porritt đã làm tất cả các bài toán khó cho chúng tôi!

jsBezier là một lib nhỏ với hàm: pointAlongCurveFrom (đường cong, vị trí, khoảng cách) sẽ cho phép bạn tăng dần từng điểm dọc theo đường cong Bezier của bạn.

jsBezier có sẵn trên GitHub: https://github.com/sporritt/jsBezier