Pixastic 对我来说无法正常工作，为什么？

Question

我需要在网页上进行一些交互式图像处理。我发现 pixastic ，它似乎很适合这项工作。

在此页面上，我正在尝试模糊图像，但我只能得到“blurfast”去工作。 “模糊”对我不起作用。

我一直在环顾四周并阅读文档，但不明白为什么它会失败。有人有什么想法吗？

我用这个js：

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

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

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

Answer 1

对于许多操作，Pixastic 必须将 元素与 元素交换，并执行每像素调整。使用“blur”操作图像时会引发安全异常，因为图像源驻留在与文档不同的域中。

您还应该注意，由于 canvas 元素的安全限制，Pixastic 只能处理与您使用它的页面位于同一主机上的图像。 [来源]

“blurfast”不会发生这种情况的原因< /code> 是因为它的工作方式不同：一遍又一遍地以非常小的量调整图像大小。显然，这并不违反 安全策略”。

最好的方法是坚持使用“blurfast”——毕竟它更快、更动态。如果您确实想使用“blur”，那么您必须确保所有图像与当前文档位于同一域中。