我需要在网页上做一些交互式图像处理。我找到了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");
});
});发布于 2011-03-28 22:29:10
对于许多操作,Pixastic必须用<canvas>元素交换<img>元素并执行每个像素的调整。当使用"blur"操作图像时,将引发安全异常,因为图像源与文档位于不同的域中。
您还应该知道,由于画布元素中的安全限制,Pixastic将只处理与您使用它的页面驻留在同一主机上的图像。[source]
"blurfast"没有出现这种情况的原因是因为它的工作方式不同:一次又一次地以非常小的量调整图像的大小。显然,这并不违反<canvas>元素的security policies。
最好的方法是坚持使用"blurfast" --毕竟,它更快、更动态。如果你真的想使用"blur",那么你必须确保所有的图像和当前文档在同一个域中。
https://stackoverflow.com/questions/5459504
复制相似问题