2

Web ページでインタラクティブな画像処理を行う必要があります。私はpixasticを見つけました。

このページでは、画像をぼかしようとしていますが、「ぼかし」しか機能しません。「ぼかし」はうまくいきません。

ドキュメントを見回して読んでいますが、なぜ失敗するのかわかりません。誰にもアイデアはありますか？

私はこのjsを使用します：

$(function(){
    var img = document.getElementById("imageone");

    $("#blurfastbutton").click(function() {
        Pixastic.process(img, "blurfast", {amount:0.2});
    });

    $("#blurbutton").click(function() {
        Pixastic.process(img, "blur");
    });
});
4

1 に答える 1

2

多くの操作では、Pixasticは<img>要素を要素と交換し、<canvas>ピクセルごとの調整を実行する必要があります。"blur"画像ソースがドキュメントとは異なるドメインに存在するため、を使用して画像を操作しているときにセキュリティ例外がスローされます。

また、canvas要素のセキュリティ制限により、Pixasticは、使用しているページと同じホストにある画像でのみ機能することにも注意してください。[ソース]

これが発生しない理由"blurfast"は、動作が異なるためです。画像のサイズを非常に少量ずつ何度も繰り返します。これは、明らかに、要素のセキュリティポリシーに違反していません。<canvas>

最善のアプローチは固執する"blurfast"ことです—結局のところ、それはより速く、より動的です。本当に使用したい場合は"blur"、すべての画像が現在のドキュメントと同じドメインにあることを確認する必要があります。

于 2011-03-28T14:29:09.767 に答える