Część mojej aplikacji zawiera edycję zdjęć html5 przy użyciu standardowego płótna kontekstowego 2d i webGL.

W każdym razie zapisuję stan „cofnij”, gdy użytkownik manipuluje swoim zdjęciem. Wszystkie są przechowywane w obiekcie Javascript jako dane obrazu base64.

Wszystko działa dobrze, a wydajność jest dobra.

Zastanawiam się jednak, czy przechowywanie danych z getImageData może zająć mniej pamięci lub zaoferować lepszą wydajność?

Podsumowując moje pytanie:

Która zajmuje więcej miejsca w pamięci, generowane przez to narzędzie doDataURL () lub wynik getImageData ()? Czy są jakieś różnice w wydajności między nimi (w odniesieniu do ładowania na płótno i wyciągania danych z płótna)

Z góry dziękuję.