0

所以我想尝试使用Pixastic 快速模糊方法来模糊图像。他们在文档中提供的代码如下：

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