如何使用CamanJS在画布中加载图像？

Question

CamanJS网站（http://camanjs.com/guides/#BasicUsage）上的示例如下所示：

Caman("#canvas-id", "path/to/image.jpg", function () {
  // manipulate image here
  this.brightness(5).render();
});

我尝试使用我自己的一个图像在JSBin（http://jsbin.com/uGUPOFo/3/edit?html,js,output）上运行这个非常基本的第一个例子

Caman("#cv", "http://preemiestoday.noahpeters.com/images/feature.png", function () {
  this.brightness(5).render();
});

但它什么都没做。有谁知道我错过了什么？文档说它可以“在jQuery，YUI，Scriptaculous，MooTools等旁边”运行。我不想使用其中的任何一个，尽管我尝试加载最新的1.x jQuery没有效果。

Answer 1

在我看来，图像不在您的服务器上，而是远程。

如果我是你，我会看看这个链接： https://github.com/meltingice/CamanJS/wiki/How-to-use#editing-remote-images

“CamanJS甚至可以编辑远程存储的图像。由于浏览器强制执行同源策略来编辑画布数据，我们必须通过本地代理加载图像数据。”

“如果在尝试编辑远程图像时未定义代理，则会引发错误。”