如何检测画布何时可以进行操作？

Question

我通过jQuery动态地将X canvas元素添加到页面中,如下所示:

$(document).ready(function() { 
    for(i=0;i<4;i++) {
        var can = $(document.createElement("canvas"))
                   .attr("id","table"+i)
                   .addClass("table")
                   .attr("width",640)
                   .attr("height",480)
                   .appendTo('#container');   
    }

    //...
});

既没有.append()也.appendTo()没有回调,因为它们应该立即发生.不幸的是,关于canvas元素的东西不会立即发生.

当我转到.getContext('2d')其中一个canvas元素时,它将失败,"getContext不是一个函数." 这种情况发生在FF 3.5以及Chrome上.

如果我将canvas和任意事件处理程序分配给canvas元素.click(),并.getContext()在该事件中使用,则它可以完美地工作.

如何有效地确定画布已准备好进行操作？

Answer 1

我不认为你可以使用getContext()的can变量.

如果你这样做,试试吧can[0].getContext().这实际上会得到元素对象,而不是jQuery.