在jQuery中使用canvas时遇到的问题

正常的情况下一般在JavaScript中使用canvas,会用到如下代码:

   var canvas=document.getElementById("canvas");
   var context=canvas.getContext('2d');

最近在练习canvas时，使用了jQuery便用到了如下代码:

   var $canvas=$("#canvas");
   var context=$canvas.getContext('2d');

以上代码看起来没有什么题，可是在运行的时候发现程序却无法显示

打开控制发现报错为：

==Uncaught TypeError: $canvas.getContext is not a function at window.οnlοad==

后来查了下文档了解到，当时用$('#canvas')获取元素时，返回的的是一个 jQuery 的对象，并不是DOM元素，想要返回DOM元素，可以用下面的方法：

   var $canvas=$("#canvas")[0];
   var context=$canvas.getContext('2d');

使用上面的方法就可以成功返回DOM元素了

转载于:https://www.cnblogs.com/wangyue99599/p/7484803.html