Thư viện đồ họa JavaScript nào có hiệu suất tốt nhất?

Question

Tôi đang thực hiện một số nghiên cứu cho một dự án JavaScript trong đó hiệu suất vẽ các nguyên thủy đơn giản (tức là dòng) là ưu tiên hàng đầu.

Câu trả lời cho this question cung cấp danh sách tuyệt vời các thư viện đồ họa JS. Trong khi tôi nhận ra rằng sự lựa chọn của trình duyệt có tác động lớn hơn thư viện, tôi muốn biết liệu có bất kỳ sự khác biệt nào giữa chúng hay không, trước khi chọn một.

Có ai đã thực hiện so sánh hiệu suất giữa bất kỳ điều nào trong số này không?

Answer 1

Nếu bạn không làm 3d, chỉ cần sử dụng vải thô với excanvas như một nhà thám hiểm mùa thu. Nút cổ chai của bạn sẽ là tốc độ thực thi javascript, không phải tốc độ hiển thị đường truyền. Ngoại trừ IE, điều này sẽ giảm xuống khi cảnh trở nên quá phức tạp vì VML thực sự xây dựng một mái vòm.

Nếu bạn thực sự lo lắng về hiệu suất mặc dù, chắc chắn đi với đèn flash và viết toàn bộ điều trong ActionScript. Bạn sẽ nhận được một đơn đặt hàng của cường độ hiệu suất tốt hơn, và với sdk flex bạn thậm chí không cần phải mua bất cứ điều gì. Có một số thư viện phong nha cho 3d trong flash/flex có sẵn.

Answer 2

Không ai trong số họ có hiệu suất tốt. Đó là năm 2009 và trạng thái hiển thị đồ họa có thể lập trình trong trình duyệt web thực sự gây thất vọng. Tôi có thể làm tương tác nhanh hơn trên thiết bị đầu cuối vt125 25 năm trước. Nếu bạn đang làm bất cứ điều gì tương tác, hãy nghĩ đến việc sử dụng Flash ... Khác tôi muốn tìm một số giải pháp nặng phía máy chủ tùy theo nhu cầu của bạn

Answer 3

Đối với bản vẽ cơ bản (như đường kẻ, hình tròn và đa giác), tôi sẽ giới thiệu Walter Zorn's Graphics Library. Nó được xây dựng với hiệu suất trong tâm trí và hoạt động trong rất nhiều trình duyệt.

Answer 4

Tôi biết bạn đã nói trình duyệt có ảnh hưởng nhiều hơn, vậy tại sao không gắn bó với việc sử dụng các cuộc gọi SVG được tối ưu hóa? Sau đó, nó "có thể" làm việc trong tất cả các trình duyệt nhưng ...

Chrome là đủ mạnh mẽ để làm làm cho mô hình 3D một cách hiệu quả:

http://www.chromeexperiments.com/detail/monster/

Answer 5

Làm thế nào về http://www.jsgl.org? Nó sử dụng SVG/VML.

Answer 6

Thư viện Raphael JavaScript

http://raphaeljs.com

Answer 7

Đến nay - được sử dụng processing.js (javascript thực hiện canvas của ngôn ngữ "chế biến") và/hoặc raphael.js (nhỏ và tiện dụng VML/SVG thư viện javascript).

Các recomendations hiệu suất phụ thuộc vào nhiệm vụ:

• rất năng động, nguyên thủy phức tạp (hoặc số tiền rất lớn của nó) - canvas (pixel, API cấp thấp) lượng

• thấp của nguyên thủy, có khả năng mở rộng cao, được tích hợp trong DOM - SVG/VML (vectơ, API cấp cao)