Tận dụng tính năng tăng tốc GPU trong canvas 2D

Ilmari Heikkinen

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!)