canvas getContext(“2d”) returns null

by

For others who hit this page while searching for getContext returning null, it can happen if you have already requested a different type of context.

For example:

var canvas = ...;
var ctx2d = canvas.getContext('2d');
var ctx3d = canvas.getContext('webgl'); // will always be null

The same is equally true if you reverse the order of calls.

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. HTML5 Canvas camera/viewport – how to actually do it?
  5. Capture frames from video with HTML5 and JavaScript
  6. How to use Google fonts in Canvas when Drawing DOM objects in SVG?
  7. addEventListener for keydown on Canvas
  8. Load image from url and draw to HTML5 Canvas
  9. Save canvas as jpg to desktop [duplicate]
  10. HTML canvas – drawing disappear on resizing
  11. clearing circular regions from HTML5 Canvas
  12. How to detect shape on a transparent canvas?
  13. HTML5 Canvas API – formatting individual words with italics
  14. Scaling an image to fit on canvas
  15. True Isometric Projection with HTML5 Canvas
  16. HTML5 Canvas toDataURL returns blank
  17. How to draw an inline svg (in DOM) to a canvas?
  18. Convert SVG to PNG with applied images as background to svg elements
  19. PHP+JS: How to do Fileuploads in HTML Form as Content-Type Multipart (via JS)?
  20. Best way to detect that HTML5 is not supported
  21. Web Workers and Canvas
  22. JavaScript: getting ImageData without canvas
  23. jQuery equivalent of getting the context of a Canvas
  24. make canvas as wide and as high as parent
  25. How to pixelate an image with canvas and javascript
  26. HTML5 responsive canvas: resizing the browser canvas draw disappear
  27. Is there a way to curve / arc text using CSS3 / Canvas
  28. dotted stroke in
  29. draw 10,000 objects on canvas javascript
  30. How can I animate the drawing of text on a web page?

Leave a Comment