jquery - Canvas 和 jQuery : why doesn't getContext()

Question

我已阅读 this和 this但我的问题没有解决办法。如果我使用 jQuery 创建 Canvas ，然后通过 document.getElementById() 调用它，我可以调用 getContext('2d') 并且它可以工作。像这样:

var ctx =
    $('<canvas />')
    .attr({
        id: 'canvasMenuSmall',
        width: '500px',
        height: '500px'
    })
    .appendTo('body');
var c=document.getElementById("canvasMenuSmall"),
    ctx=c.getContext('2d');

但是，如果我尝试立即在对象上调用 getContext('2d') ，则不会出现错误 Uncaught TypeError: undefined is not a function:

var ctx =
    $('<canvas />')
    .attr({
        id: 'canvasMenuSmall',
        width: '500px',
        height: '500px'
    })
    .appendTo('body')
    .getContext('2d'); // error raised

怎么来的？

Answer 1

您的代码不起作用，因为您正在尝试 getContext of jQuery ，而不是 DOM 元素。不要将 getContext 链接到 appendTo，而是使用 jQuery 来获取元素。

工作声明是

$().appendTo("#place")[0].getContext()

而不是

$().appendTo("#place").getContext()