Witam.
Mam problem.
Zrobiłem sobie taki mini paint w canvas html i mój problem wygląda następująco:
Co sekundę pobieram canvas.toDataURL(), podczas tej operacji mój "paint" się przycina tzn. jak rysuję linię i jest to odświeżenie to tą linię na chwilkę przerywa.

Czy jest jakaś inna metoda na pobranie "obrazka" z canvas tak, aby nie przycięło obrazem ?

Dziękuję za pomoc.

A dlaczego co sekundę pobierasz?

Jest to gra na która w której jest pobierany obraz co sekundę, najrozsądniejszą metodą jaka mi przyszła do głowy to ten canvas.toDataURL();
A dlaczego pytasz ?

Ale potrzebny jest ten obraz do czegoś?
Może zbieraj tylko dane o kolejnych punktach myszy (współrzędnych).

Jest to mało optymalne rozwiązanie ale nie znamy realiów twojej gry więc trudno też powiedzieć czy istnieje lepsze rozwiązanie.


Utworzenie wcześniej kopii i pobranie z niej. Beznadziejnie wydajnościowo to rozwiązanie.