如何使用 Pixastic？答案

【问题标题】：How do I use Pixastic?如何使用 Pixastic？
【发布时间】：2012-07-25 07:59:40
【问题描述】：

我正在尝试使用 Pixastic plugin 混合两个图像 - 这里是 my code。

这些图像将是动态的，我不确定为什么测试不起作用。我可能做错了什么，因为我认为我没有正确编码。这必须与jQuery插件一起使用吗？

谁能解释一下如何让混合模式在两张图片上工作，其中一张是未知的，但 ID 是固定的？

【问题讨论】：

演示应该做什么？
看起来它对我有用 - “担忧线”叠加在模型的额头上。
这些文件（混合，pixastic）都没有在其中引用 jquery，所以不，它们不依赖于 jquery
谢谢大家，额头的“担忧纹”是为了融入模特的照片。像这样pixastic.com/lib/docs/actions/blend 我不断收到此错误“无法从画布获取图像数据，因为画布已被跨域数据污染。未捕获的错误：SECURITY_ERR:DOM Exception 18”
您不认为首先将错误消息放在问题中是个好主意吗？无论如何，该错误意味着您被same origin policy 咬住了，这限制了您可以对数据执行的操作。把所有的图片放到脚本所在的同一个服务器上，你应该就好了。

【解决方案1】：

您加载的第二张图片正在检索 404。这意味着那里有任何图片。
您的外部库（pixastic.core.js、blend.js）也在检索 404 状态。
您必须在 javascript 的第二行获取图像元素。

var img = new Image(); img = document.getElementById("userImage");

【讨论】：