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 で注意すべきこと:

$(whatever).pixastic("desaturate",{average : false});(1) : (average:false ビット)を試す必要があります。

(2) キャンバスは、画像がそれを使用するスクリプトと同じドメインにある場合にのみ機能します。

それが役立つことを願っています。

アレックス

于 2012-02-26T21:52:53.583 に答える
1

追加[0]すると大きな違いがありました。間違いなく私のためにトリックをしました。試してみる。

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

もう 1 つは、pixastic が複製キャンバスを作成するため、VAR を作成する必要があったことです。

これが私の全機能です

$(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にローカルサーバーを作成し、ファイルを実行しました...そしてvoilaPixasticが動作を開始しました。

于 2012-01-19T18:13:21.867 に答える