问题标签 [resemblejs]

我正在尝试将视觉比较测试添加到我的布局中，但似乎我没有正确配置我的测试环境。

我在用着：

• 卡斯珀JS
• 幻影JS
• 幻影CSS
• 类似JS

这是我的测试 JS 文件：

当我运行casperjs test tests/layout.js测试开始时，创建屏幕截图并引发错误：

我检查了resemblejscontainer.html文件的位置，它正好在抛出的错误中列出的位置。

我哪里错了？

我正在尝试在节点中使用Resemble.js 。我在安装 canvas/cairo 时遇到了一些麻烦（与 OS X Mavericks/XQuarts 和 Homebrew 的混合有关），但最终还是到了那里。

走得很远，但我遇到了这个问题。

导致此错误：

我对节点很陌生，所以我看不到图像是如何加载的。这是一个本地文件，我在读取完成的回调中处理它（或者我认为）。

稍微挖掘一下让我认为这是在阅读 jpg 文件时画布中的一个问题，但我很难理解细节。我发现了这个问题，看起来非常相似，但我看不出如何将其转换为我的情况。

有人可以解释我如何解决这个问题以及我做错了什么吗？

我正在尝试从网站上截取 2 张屏幕截图 - 一张在注入网站之前，一张在之后。

问题是 - 当我在加载所有资产后（以及在我注入脚本之前）尝试拍摄第一个屏幕截图时 - 它不会从 onInitialized 函数内部创建屏幕截图..任何线索为什么？

另外 - 我如何比较两个类似 js 的截图？我用npm安装了这个包，我正在用phantomjs运行测试，那么将通过phantomjs创建的屏幕截图保存到变量中然后与relike.js进行比较的方法是什么？我很高兴看到符合我需要的代码。非常感谢！！

我有两个图像对象ak whiteimg。用户正在清除一张图像的区域，我想每 2 秒比较这两张图像。

我做错什么了吗？我也在等待图像加载然后执行操作。

控制台中的错误： Uncaught SyntaxError: Unexpected end of input (index:1)

我正在使用node-resemble-js来比较两个 PNG 图像。

比较没有问题，我得到了成功/相关的响应，但是我在输出图像差异时遇到了麻烦。

它按预期写入 diff.png 但是它没有创建有效的图像。

有什么想法我哪里出错了吗？感觉我已经很接近了，但不确定最后一块。

谢谢

我正在尝试使用similarjs 库（http://huddle.github.io/Resemble.js/）来比较两个图像。但是，当我创建了一个目录并添加了similarjs作为依赖项时，但是当我尝试运行以下命令时： nodejs test.js，我收到以下错误

var api = resemble(fileData).onComplete(function(data){ ^ ReferenceError: resemble is not defined

我以前从未使用过 NodeJS，所以它可能非常简单。有任何想法吗？

我想从一个大图像（A）中剪下几个圆形部分（Px），并使用like.js（或类似的，但是我没有找到任何其他似乎合适的东西）来获得相似性因素。

更新：对于“相似性因子”，我的意思是 Px 的一个像素到 Qx 的相应像素的颜色距离（两个像素之间的 rgb 向量的长度）的平均值。如果两幅图像完全相同，则图像 100% 相同，因子将为 1。如果它们相同但其中一个倒置，则它们是 0% 相同，因为每个像素与图像的对应像素具有最大可能的颜色距离比较。在这种情况下，因子将为 0。

目的是找到在任何方向（5 度旋转步长）下最适合 Qx 的 Px，并在最终图像中以最佳拟合角度用 Px 替换 Qx。

想象一下某种照片马赛克。我想通过圆形较小的图像重新组合给定的图像，这些图像都在一个大图像中以方便。首先，我必须将它们剪掉，然后以六角网格的方式将它们放在照片上。挑战在于找到最适合哪个位置和哪个方向的。

我通常是一名 C# 后端开发人员，我的 JavaScript 知识非常基础。如果根本不需要剪切图像，并且我的方法不像有经验的 JS 前端开发人员那样做，请说出来。提前感谢所有答案和评论！

PhantomCSS 的演示通常在测试中使用网页。有没有办法代替测试图像？

我正在尝试比较 2 张图像并使用 node-resemble-js 突出显示第三张图像中的差异。

尝试了以下代码：

但是，得到一个空的“差异”图像。日志显示两张图片不同：

不知道我在这里错过了什么，任何帮助将不胜感激。

我正在寻找更快的ResembleJS替代品来进行图像比较。

到目前为止，我能够像 ResembleJS 一样创建类似的输出图像：

但是在 ResembleJS 中你可以得到这样的输出：

有没有办法让那些特别是 misMatchPercantage ？