jQuery等同于获取Canvas的上下文

我有以下工作代码：

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

有什么办法可以重新编写使用$ ？ 这样做失败：

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

Answer 1

尝试：

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

jQuery公开数字索引中的实际DOM元素，您可以在其中执行普通的JavaScript / DOMfunction。

Answer 2

我也看到，通常最好使用.get（0）引用一个jQuery目标作为HTML元素：

 var myCanvasElem = $("#canvas").get(0); 

也许有助于避免任何潜在的空对象引用，因为jquery作为对象返回null，但使用.get（0）中的元素可能不会失败，所以默默无闻…您可以轻松地检查canvas是否先find.get（0 ） 喜欢

 if( $("#canvas").length ) ctx = $("#canvas").get(0).getContext('2d'); else console.log('Error: Canvas not found with selector #canvas'); 

Answer 3

脚本在find“canvas”之前工作

  $(document).ready(function() { ctx = $("#canvas"); });