Łuk Canvas() kontra drawImage()

Question

Może wydawać się to nieszkodliwe, ale gdy robimy to 1000+ razy przy 30 klatkach na sekundę, to się sumuje. Mam 3 rozmiary okręgów, które rysuję, każdy z własnym kolorem wypełnienia (RGBA). Czy szybciej rysuję je jako obrazy raz i używam drawImage() z adresami URL danych, czy też dla każdego z nich mam arc()?

Dodatkowe informacje:

• Używając jednego płótna dla wszystkich środowisk
• Kontekst i płótno są buforowane

• Pełna wezwanie do łuku w tej chwili wygląda

  this.scene.context .arc (newLocation, this.y + = this.speed/80, this.distance/2, 0, Math.PI * 2, false);

Answer 1

Według my tests, drawImage() będzie znacznie szybciej niż w większości przypadków za pomocą arc().

Funkcja drawImage() może albo element <img> lub <canvas> jako parametru w Firefoksie stosując znacznik <img> była większa, ale inne przeglądarki wykazywały odwrotnie.

Co sprowadza się do: Nawet w przypadku prostych kształtów, użyj drawImage()