Web Workers and Canvas

by

Small update, as the question is now more than half a year old:

In Chrome/Chromium 6 you can now send a canvas’ ImageData object to a web worker, let the web worker make changes to the object and then write it back to the canvas using putImageData(..).

Google’s Chromabrush does it this way, the source-code can be found here:

Update:

The latest development snapshots of Opera (10.70) and Firefox (4.0b1) also support passing ImageData objects to a web worker.

Update 2017:

Actual links from Github (easier to find needed files from Chromabrush):

More Related Contents:

  1. How to clear the canvas for redrawing
  2. HTML5 Canvas Resize (Downscale) Image High Quality?
  3. Resize image with javascript canvas (smoothly)
  4. How to fix getImageData() error The canvas has been tainted by cross-origin data?
  5. HTML5 Canvas vs. SVG vs. div
  6. HTML5 Canvas toDataURL returns blank
  7. Getting binary (base64) data from HTML5 Canvas (readAsBinaryString)
  8. PHP+JS: How to do Fileuploads in HTML Form as Content-Type Multipart (via JS)?
  9. canvas2d toDataURL() different output on different browser
  10. How to upload image into HTML5 canvas
  11. Cropping images in the browser BEFORE the upload [closed]
  12. Capture frames from video with HTML5 and JavaScript
  13. Image manipulation and texture mapping using HTML5 Canvas?
  14. Is there a way to create out of DOM elements in Web Worker?
  15. Accessing localStorage from a webWorker
  16. addEventListener for keydown on Canvas
  17. Load image from url and draw to HTML5 Canvas
  18. HTML canvas – drawing disappear on resizing
  19. How to flip images horizontally with HTML5
  20. Sharing websocket across browser tabs?
  21. how to draw a wheel of fortune?
  22. canvas getContext(“2d”) returns null
  23. clearing circular regions from HTML5 Canvas
  24. How to embed an input or textarea in a canvas element?
  25. How to detect shape on a transparent canvas?
  26. How can I get DPI from image in JS?
  27. Scaling an image to fit on canvas
  28. How to access jQuery in HTML 5 web worker
  29. True Isometric Projection with HTML5 Canvas
  30. Split text into pages and present separately (HTML5)

Leave a Comment