文章/答案/技术大牛

发布

社区首页 >问答首页 >Pixastic模糊不工作-变量问题？

问Pixastic模糊不工作-变量问题？
EN

Stack Overflow用户

提问于 2012-08-07 07:09:39

回答 1查看 805关注 0票数 0

因此，我想尝试使用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中的图像，像素就会触发并将模糊效果添加到新创建的图像中。现在，图像作为子级应用，并获得一个src属性。

正如你可能注意到的，我有一些逻辑错误，但我不能弄清楚这一点。我相信在上面的代码中，img并不总是相同的。有时它是变量，有时它必须是来自img-tag的实际图像。这是真的吗？或者，你有没有看到其他让你印象深刻的东西？为什么它不工作？

jquery

image

blur

pixastic

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-07 16:01:57

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11837215

复制

相似问题

问Pixastic模糊不工作-变量问题？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Pixastic模糊不工作-变量问题？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Pixastic模糊不工作-变量问题？
EN