Question

我需要在网页上进行一些交互式图像处理。我找到了pixastic，这似乎对这项工作有好处。

在this page我正在尝试模糊图像，但我只能“模糊”才能工作。 “模糊”对我不起作用。

我一直在四处寻找并阅读文档，但看不出它失败的原因。有人有什么想法吗？

我用这个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必须将<img>元素与<canvas>元素交换并执行逐像素调整。使用"blur"操作图像时会抛出安全性异常，因为图像源位于文档的不同域中。

您还应该知道，由于canvas元素中的安全限制，Pixastic仅适用于与您正在使用它的页面位于同一主机上的图像。 [source]

"blurfast"不会发生这种情况的原因是因为它的工作方式不同：一次又一次地调整图像的大小。这显然不违反<canvas>元素的security policies。

最好的方法是坚持"blurfast" - 毕竟它更快，更有活力。如果您真的想使用"blur"，那么您必须确保所有图片与当前文档位于同一个域中。

Pixastic对我不起作用，为什么？

1 个答案: