jQuery - cannot access canvas

Question

I cannot access a canvas element.

Error

Uncaught TypeError: undefined is not a function

JS

var canvas = $(".display");
var ctx = canvas.getContext("2d");

jsfiddle

Answer 1

You're trying to call getContext() (a canvas method) on a jQuery object, not a canvas object.

Turn it back using get(0) like so:

var canvas = $(".display");
var ctx = canvas.get(0).getContext("2d");

jsFiddle here