在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.onload

后來查了下文檔了解到，當時用$('#canvas')獲取元素時，返回的的是一個 jQuery 的對象，並不是DOM元素，想要返回DOM元素，可以用下面的方法：

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

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