Question

所以我想试试Pixastic blur fast method来模糊图像。他们在文档中提供的代码如下：

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 - 标签中的实际图像。这是真的？或者您是否看到任何其他令您感到震惊的事情？为什么不起作用？

Answer 1

好的，明白了！出于某种原因，我需要通过jQuery方法调用它。像：

$(".div img").pixastic("blurfast", {amount:0.5});

Pixastic Blur不工作 - 变量问题？

1 个答案: