Converting Chart.js canvas chart to image using .toDataUrl() results in blank image

by

The chart seem to be async so you will probably need to provide a callback when the animation has finished or else the canvas will be empty.

var options = {
    bezierCurve : false,
    onAnimationComplete: done  /// calls function done() {} at end
};

More Related Contents:

  1. Using HTML5/Canvas/JavaScript to take in-browser screenshots
  2. Capture HTML Canvas as gif/jpg/png/pdf?
  3. Resizing an image in an HTML5 canvas
  4. Maximum size of a element
  5. Get pixel color from canvas, on mousemove
  6. Get a pixel from HTML Canvas?
  7. Can I turn off antialiasing on an HTML element?
  8. Zoom Canvas to Mouse Cursor
  9. Zoom in on a point (using scale and translate)
  10. how to save canvas as png image?
  11. Does HTML5/Canvas Support Double Buffering?
  12. Any way to clone HTML5 canvas element with its content?
  13. html 5 canvas LineTo() line color issues
  14. HTML5 Canvas camera/viewport – how to actually do it?
  15. Text wrap in a element
  16. How to resize html canvas element?
  17. How do I rotate a single object on an html 5 canvas?
  18. How to clear a chart from a canvas so that hover events cannot be triggered?
  19. How to determine the intended frame-rate on an html video element
  20. getting mouse position with javascript within canvas
  21. How to save canvas animation as gif or webm?
  22. clearRect not working
  23. canvas getContext(“2d”) returns null
  24. clearing circular regions from HTML5 Canvas
  25. draw 10,000 objects on canvas javascript
  26. Is there an equivalent of canvas’s toDataURL method for SVG? [closed]
  27. Body animation isn’t smooth
  28. javascript: upload image file and draw it into a canvas
  29. Update HTML5 canvas rectangle on hover?
  30. Extracting single frames from an animated GIF to canvas

Leave a Comment