Ist putImageData schneller als drawImage?

Ich denke putImageData ist schneller als die Methode drawImage, aber ich brauche, um es zu beweisen.

Ich denke, es ist der gleiche Fall wie mit Flash und seine Bitmap-und BitmapData-Klassen. Grundsätzlich BitmapData ermöglicht eine nicht-visuelle Extraktion der Daten in ein Bitmap-Objekt, das ermöglicht eine sehr einfache und schnelle manipulation von es.

Ich vermute, dass in der high-performance-Fällen, wie Spiele, extrahieren der Bilddaten aus jedem Bild (zum Beispiel jede sprite) und Cache es in einer "assets" - Wörterbuch ist eine bessere Lösung als das zeichnen der sprites, die sich selbst auf der Leinwand immer und immer wieder.

Könnte jemand beweisen?

  • Auch, putImageData nicht funktionieren, wenn die gleichen Ursprungs-Polizei unterbrochen
InformationsquelleAutor user802232 | 2011-10-11
  1. 8

    Ich nehme keinen Kredit für die Umsetzung dieser test zusammen, aber man kann deutlich sehen, die Leistung der mit drawImage() mit einer Leinwand und ein Bild sowie die Leistung von putImageData() hier:

    http://jsperf.com/canvas-drawimage-vs-putimagedata/3

    Wie der jetzt drawImage() ist viel schneller als putImageData(). Letzte, was ich hörte, war dies nicht beabsichtigt, und die browser-Entwickler waren auf der Suche nach Verbesserung der performance-Lücke.

    • Ich sehe. Mein browser zeigt das gleiche. Dies macht nicht viel Sinn, obwohl. Ich erwartete, dass Manipulationen mit Bilddaten wesentlich schneller ist, als ein Bild geöffnet, das extrahieren Ihrer Daten, und legt es auf die Leinwand. Zumindest in Flash zu manipulieren BitmapData ist die bevorzugte Methode für die Leistungs-operations
    • Wie klassische Flash(nicht neuen Stage3D - /Maulwurfshügel Sachen) optimiert die Dinge alle im Hauptspeicher und dann kopieren, die in Grafik-Speicher. Leinwände befinden sich hauptsächlich in der Grafik-Speicher(je nach browser/version/Mond-phase) und ändern Sie Pixel per javascript, die Bilddaten Bedarf kopiert werden, in den Hauptspeicher laden. Dann zeichnen Sie die Bilddateien, die Sie kopieren müssen die es zurück zu den Grafik-Speicher.
    • Lesen Grafikspeicher vom Haupt-CPU ist EXTREM LANGSAM auf fast alle video-Karten... Blick auf die Spezifikationen für das Lesen RSX-Speicher aus der Zelle auf der PS3(4GB/s schreiben vs. 16MB/s Lesen, {{256-mal langsamer!}}) ps3devwiki.com/... (die Zelle ist die Haupt-CPU und die RSX ist eine Nvidia-GPU ausgelegt)
    • Nach der neueste jsperf - test-revision drawImage() ist immer noch am schnellsten mit der weit.
    InformationsquelleAutor Xenethyl
  2. 0

    Für größere Leinwände, die ich fand, dass es nicht so viel Unterschied, aber putImageData ist definitiv nicht so performant wie drawImage für das kopieren von Gemälden.

    Hier sind einige Testfälle, die ich verwendet habe:
    http://jsperf.com/canvas-size-test-case/3

    Habe ich am Ende mit einige performance-Probleme mit dem gesamten source-Leinwand-Format ist, unabhängig von der Größe der Daten bin ich eigentlich kopieren.

    InformationsquelleAutor floatingice
Schreibe einen Kommentar