0

だから私は画像をぼかすためにPixasticblurfastメソッドを試してみたいと思います。ドキュメントで提供されているコードは次のとおりです。

var img = new Image();
img.onload = function() {
    Pixastic.process(img, "blurfast", {amount:0.5});
}
document.body.appendChild(img);
img.src = "myimage.jpg";

しかし、私がこのように私のページでそれを試すとき：

$(document).ready(function() {
    var myImg = new Image();
    myImg.onload = function() {
        Pixastic.process(myImg, "blurfast", {amount:0.5});
    }
    document.body.appendChild(myImg);
    myImg.src = "../img/theImage.jpg";
});

それは単に何もしません。

私もそれをこのように呼ぼうとしましたが、結果はありませんでした：

var img = new Image();
$(".div img").load(function(){
    Pixastic.process(img, "blurfast", {amount:0.5});
});
document.body.appendChild(img);
img.src = "../img/theImage.jpg";

エラーもスローしません！

何が起こっているのかを理解しようとしimgました。では、新しい画像が作成されます。の画像.divが読み込まれるとすぐに、Pixasticが起動し、新しく作成された画像にぼかし効果が追加されます。これで、画像は子として適用され、src属性を取得します。

お気づきかもしれませんが、そこには論理的なエラーがいくつかありますが、これを明確にすることはできません。上記のコードでimgは、常に同じであるとは限らないと思います。変数である場合もあれば、img-tagからの実際の画像である必要がある場合もあります。これは本当ですか？それとも、あなたを襲う他の何かを見ますか？なぜ機能しないのですか？

4

1 に答える 1

0

はい、わかった！なんらかの理由でjQueryメソッドを介して呼び出す必要があります。好き：

$(".div img").pixastic("blurfast", {amount:0.5});
于 2012-08-07T08:01:56.980 に答える