Sometimes, we want to get the context of a Canvas with jQuery
In this article, we’ll look at how to get the context of a Canvas with jQuery.
Get the Context of a Canvas with jQuery
To get the context of a Canvas with jQuery, we call the get method with the index of the element we want to get.
Then we can call getContext on the returned element.
For instance, if we have the following canvas:
<canvas width='200' height='200'></canvas>
We write:
const ctx = $("canvas").get(0).getContext('2d');
console.log(ctx)
to select canvas elements with $(“canvas”) .
Then we use get(0) to get the first canvas element selected.
And then we call getContext on that to get the context.
Conclusion
To get the context of a Canvas with jQuery, we call the get method with the index of the element we want to get.
Then we can call getContext on the returned element.
