2011-07-02 82 views
2
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="pixastic.custom.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $('#image').pixastic("desaturate"); 
}); 
</script> 
</head> 

<body> 
    <img id="image" src="test2.jpg"/> 
</body> 

</html> 

这是我正在使用的代码,当我在浏览器中加载页面时,图像不会去饱和。任何人都可以请帮我纠正代码有什么问题!Pixastic:效果不起作用

+0

我想通了什么问题.... 我试图访问本地文件。由于本地访问文件导致某些“安全错误”,因此图像没有去饱和。我安装了Xampp,在我的电脑上创建了一个本地服务器,然后运行该文件...并且瞧Pixastic开始工作。 – Shekhar

+1

我不确定,但我想你可能会被允许回答你自己的问题...... – 2011-07-02 08:20:09

回答

1

好吧,卡曼不工作?

继承人和示例去色过滤器工作的:

http://jsfiddle.net/PCbvb/7/

观光牢记与pixastic:

(1)你应该尝试:$(whatever).pixastic("desaturate",{average : false});(平均错误位)

(2)仅当图像与使用该图像的脚本处于相同域时,canvas才起作用。

希望有所帮助。

亚历

1

这是稍微移动目标帖子,但我最近有一个项目,我需要做大量的画布图像处理,并开始与pixastic,但我遇到了很多问题,并没有找到大量的文档。我转移到使用http://camanjs.com/,这一切都更容易,我有更少的问题。该图书馆非常容易作为Pixastic的替代品而受到启蒙。

希望它可以帮助 亚历

PS值得一提的是,那里有很多非常酷的预设太: http://camanjs.com/examples/presets

0

我想通了什么问题....我试图访问这些文件本地。由于本地访问文件导致某些“安全错误”,因此图像没有去饱和。我安装了Xampp,在我的电脑上创建了一个本地服务器,然后运行该文件...并且瞧Pixastic开始工作。

1

添加[0]作出了很大的区别。绝对是我的伎俩。试一试。

Pixastic.revert($(this).find('.imageUrl')[0]); 

另一件事是我不得不创建一个VAR作为pixastic创建一个重复的画布。

这是我的全部功能

$(function() { 

    $('.col1.w1').mouseenter(function() { 

     var origImg = ($(this).find('.imageUrl')); 
     if (origImg.is('img')) { 
      Pixastic.process(origImg[0], 'blurfast', { amount: 2 }); 
     } 

    }); 
    $('.col1.w1').mouseout(function() { 
     var origImg = ($(this).find('.imageUrl')); 
     Pixastic.revert($(this).find('.imageUrl')[0]); 

    }); 
});