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>

这是我正在使用的代码，当我在浏览器中加载页面时，图像不会去饱和。谁能帮我纠正一下代码的问题！

4

4 回答 4

1

这稍微移动了目标帖子，但我最近有一个项目，我需要做很多画布图像处理并从 pixastic 开始，但是我确实遇到了很多问题并且找不到很多文档。我开始使用http://camanjs.com/ ，这一切都容易多了，而且我遇到的问题也少了很多。该库很容易实现作为 Pixastic 的替代品。

希望它可以帮助亚历克斯

ps 值得一提的是，还有很多非常酷的预设： http ://camanjs.com/examples/presets

于 2011-11-12T19:10:59.127 回答
1

好的，所以卡曼没有锻炼？

去饱和过滤器的工作原理和示例：

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

使用 pixastic 要记住的事情：

(1) 你应该试试 : $(whatever).pixastic("desaturate",{average : false});(average:false bit)

(2) 仅当图像与使用它的脚本位于同一域时，画布才有效。

希望有帮助。

亚历克斯

于 2012-02-26T21:52:53.583 回答
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]);

    });
});
于 2014-02-07T15:11:17.340 回答
0

我想出了问题所在....我试图在本地访问文件。由于对文件的本地访问，由于某些“安全错误”，图像没有去饱和。我安装了 Xampp 以在我的 PC 上创建一个本地服务器，然后运行该文件……瞧，Pixastic 开始工作了。

于 2012-01-19T18:13:21.867 回答