2011-07-02 25 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をインストールして、自分のPCにローカルサーバーを作成し、ファイルを実行しました。そして、Voyila Pixasticが働き始めました。 – Shekhar

+1

私は確信していませんが、自分の質問に答えることができるかもしれないと思います... –

答えて

1

OK、カンパンはうまくいきませんか?

相続人と非飽和フィルター作業の例:

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

pixasticと心に留め地図:

(1)あなたは試してみてください:

$(whatever).pixastic("desaturate",{average : false});(偽ビット平均)

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

希望に役立ちます。追加[0]

アレックス

1

これはゴールポストをわずかに動かしていますが、私はたくさんのキャンバスイメージ操作を行う必要があるプロジェクトを最近持っていましたが、pixasticで始めましたが、多くの問題に遭遇し、 。私はhttp://camanjs.com/を使用して移動し、それはずっと簡単でした。図書館はPixasticの代用として非常に容易にすることができます。

は、それはそれはあまりにも非常にクールなプリセットをたくさんtheresの言及する価値 アレックス

PSのホープ: http://camanjs.com/examples/presets

0

私がファイルにアクセスしようとしていた....問題だったものを考え出しましたローカルに。ファイルへのローカルアクセスが原因で、「セキュリティエラー」が発生したため、画像が不飽和化していませんでした。私はXamppをインストールして、自分のPCにローカルサーバーを作成し、ファイルを実行しました。そして、Voyila Pixasticが働き始めました。

1

は大きな違いを作りました。間違いなく私のためのトリックをした。試してみる。

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

別のことは、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]); 

    }); 
});