Pixastic：效果不起作用答案

【问题标题】：Pixastic: Effects not workingPixastic：效果不起作用
【发布时间】：2011-09-27 04:24:23
【问题描述】：

<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>

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

【问题讨论】：

我找出了问题所在....我试图在本地访问文件。由于对文件的本地访问，由于某些“安全错误”，图像没有去饱和。我安装了 Xampp 以在我的 PC 上创建一个本地服务器，然后运行该文件......瞧，Pixastic 开始工作了。
我不确定，但我认为您可能可以回答自己的问题...

标签： javascript jquery pixastic

【解决方案1】：

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

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

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

pixastic 的注意事项：

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

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

希望对您有所帮助。

亚历克斯

【讨论】：

【解决方案2】：

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

希望对你有帮助亚历克斯

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

【讨论】：

【解决方案3】：

添加[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]);

    });
});

【讨论】：

【解决方案4】：

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

【讨论】：