HTML5 Canvas: Get Event when drawing is finished

by

Like almost all Javascript functions, drawImage is synchronous, i.e. it’ll only return once it has actually done what it’s supposed to do.

That said, what it’s supposed to do, like most other DOM calls, is queue-up lists of things to be repainted next time the browser gets into the event loop.

There’s no event you can specifically register to tell you when that is, since by the time any such event handler could be called, the repaint would have already happened.

More Related Contents:

  1. How to clear the canvas for redrawing
  2. Real mouse position in canvas
  3. HTML5 Canvas Resize (Downscale) Image High Quality?
  4. Resize image with javascript canvas (smoothly)
  5. CanvasContext2D drawImage() issue [onload and CORS]
  6. Why is requestAnimationFrame better than setInterval or setTimeout
  7. HTML5 Canvas camera/viewport – how to actually do it?
  8. Capture frames from video with HTML5 and JavaScript
  9. I want to do animation of an object along a particular path
  10. How can I stop the alpha-premultiplication with canvas imageData?
  11. Draw border around nontransparent part of image on canvas
  12. How to use Google fonts in Canvas when Drawing DOM objects in SVG?
  13. addEventListener for keydown on Canvas
  14. Load image from url and draw to HTML5 Canvas
  15. Canvas image masking / overlapping
  16. Save canvas as jpg to desktop [duplicate]
  17. How to pixelate an image with canvas and javascript
  18. HTML canvas – drawing disappear on resizing
  19. Draw HTML5/Javascript Canvas Path in Time
  20. Saving canvas to image via canvas.toDataURL results in black rectangle
  21. Canvas Draw Image issue on firefox, works well in chrome
  22. Resize a Base-64 image in JavaScript without using canvas
  23. canvas getContext(“2d”) returns null
  24. clearing circular regions from HTML5 Canvas
  25. draw 10,000 objects on canvas javascript
  26. How to detect shape on a transparent canvas?
  27. HTML5 Canvas API – formatting individual words with italics
  28. How to implement SVG’s preserveAspectRatio=”xMinYMin slice” for canvas drawImage method.
  29. Scaling an image to fit on canvas
  30. True Isometric Projection with HTML5 Canvas

Leave a Comment