Tận dụng tính năng tăng tốc GPU trong canvas 2D
bookmark_borderbookmark
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Canvas 2D trong Chrome đã được tăng tốc phần cứng vào tháng 2. Khả năng tăng tốc giúp vẽ các hình sprite 2D thực sự nhanh, vì việc triển khai đang sử dụng GPU để thực hiệndrawImage.
Bạn có thể xem ví dụ này để biết những lợi ích mà tính năng tăng tốc mang lại. Bản minh hoạ đang vẽ 180 hình sprit PNG 256x256 đã được chuyển đổi trên một canvas toàn cửa sổ và chạy một mô phỏng N-body trên chúng để làm cho các sprite hút nhau. Và tất cả đều chạy mượt mà ở tốc độ 30 đến 60 khung hình mỗi giây trên máy tính xách tay công suất thấp.
Vẫn còn một số khó khăn trong quá trình triển khai tăng tốc, vì vậy bạn có thể thấy hiệu suất suy giảm trong một số trường hợp sử dụng (vui lòng cho nhóm Chrome biết qua new.crbug.com để chúng tôi có thể khắc phục chúng!)
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2012-07-04 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2012-07-04 UTC."],[],[]]