2013-10-08 29 views
1

的CamanJS网站(http://camanjs.com/guides/#BasicUsage)上的例子是这样的:如何使用CamanJS在画布中加载图像?

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无效。

+1

尝试从页面所在的服务器上载入图像(不是file://但是是本地主机或真实域) – K3N

回答

2

在我看来,图像不在您的服务器上,但远程。

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

“CamanJS甚至可以编辑远程存储图像,因为浏览器强制执行编辑帆布数据来源相同的政策,我们必须通过本地代理加载图像数据。“

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