jCanvas - setPixels（）

Question

除了一件事，jCanvas的一切都很好用。我无法使用setPixels（）工作，当我在Chrome和Safari中运行代码时，没有任何反应。

我已经在jCanvas网站上复制了沙盒中的示例代码（当我在浏览器中查看时，一切正常）。

任何人都对我可能做错了什么有建议吗？

<canvas id="canvas" width="520" height="520"></canvas>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script src="http://projects.calebevans.me/jcanvas/resources/jcanvas/jcanvas.js"></script>

<script type="text/javascript">

function invert() {
  $(this).setPixels({
    x: 150, y: 100,
    width: 220, height: 138,
    // loop through each pixel
    each: function(px) {
      px.r = 255 - px.r;
      px.g = 255 - px.g;
      px.b = 255 - px.b;
    }
  });
}

$('canvas').drawImage({
  source: 'images/fish.jpg',
  x: 150, y: 100,
  // Invert image color when image loads
  load: invert
});

</script>