javascript - 在jQuery中找不到ID为maincanvas的元素？

这是我得到的错误

uncaught exception: Could not find element maincanvas

我已包含jQuery文件并检查了拼写，但错误似乎是由于其他原因

<a href="#" id="colorbtn" class="btn">Add Blue</a>
<canvas id="maincanvas"></canvas>
<script type="text/javascript">
var canvas = $('#maincanvas');
var ctx    = canvas[0].getContext("2d");
var $color      = $('#colorbtn');

Caman('image.jpg','#maincanvas', function(){
this.revert(false);
this.render();
});

$color.on('click', function(e){
e.preventDefault();
Caman('image.jpg','#maincanvas', function(){
this.colorize(60, 105, 218, 10);
this.render();
});
});
</script>

是什么导致此错误？

最佳答案

如@ShaunakD所说，等待文档就绪。

另外，如果您使用的是CamanJS v4，则图像和画布参数的顺序已切换：

Caman("#maincanvas", "image.jpg", function() {});