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

Vào tháng 2, canvas 2D trong Chrome đã được tăng tốc phần cứng. Tính năng tăng tốc giúp vẽ các sprite 2D rất nhanh, vì quá trình triển khai đang sử dụng GPU để thực hiện drawImage.

Bạn có thể xem ví dụ này để biết những loại tính năng mà tính năng tăng tốc hỗ trợ. Bản minh hoạ này đang vẽ 180 sprite PNG 256x256 đã chuyển đổi trên một canvas toàn cửa sổ và chạy mô phỏng N-body trên các sprite đó để các sprite này hút nhau. Tất cả đều chạy mượt mà ở tốc độ 30 đến 60 khung hình/giây trên máy tính xách tay có công suất thấp.

Việc triển khai tính năng tăng tốc vẫn còn một số điểm chưa hoàn thiện, vì vậy, bạn có thể thấy hiệu suất giảm trong một số trường hợp sử dụng (vui lòng cho nhóm Chrome biết thông qua new.crbug.com để chúng tôi có thể khắc phục!).