問題タブ [resemblejs]

レイアウトにビジュアル比較テストを追加しようとしていますが、テスト環境が正しく構成されていないようです。

私は使用しています：

• CasperJS
• PhantomJS
• PhantomCSS
• ResembleJS

これは私のテスト JS ファイルです。

テストを実行casperjs test tests/layout.jsすると、スクリーンショットが作成され、エラーがスローされます。

ファイルの場所を確認しましたresemblejscontainer.htmlが、スローされたエラーに記載されている場所に正確にありました。

どこが間違っていますか？

ノードでResemble.jsを使用しようとしています。canvas/cairo をインストールするのに少し苦労しましたが (OS X Mavericks/XQuarts と Homebrew が混在しているため)、最終的にそこにたどり着きました。

かなり進んだが、これで壁にぶち当たった。

次のエラーが発生します。

私はノードにかなり慣れていないので、画像がどのようにロードされていないのかわかりません。これはローカル ファイルであり、読み取り完了コールバックで処理しています (またはそう思います)。

少し掘り下げてみると、これはjpgファイルを読み取るときのキャンバスの問題だと思いますが、詳細を理解するのに苦労しています。非常によく似たこの質問を見つけましたが、これを自分の状況に変換する方法がわかりません。

誰かがこれを修正する方法と私が間違っていることを説明できますか?

Web サイトから 2 つのスクリーンショットを取得しようとしています。1 つはサイトへの注入前、もう 1 つは注入後です。

問題は、すべてのアセットがロードされた後 (およびスクリプトを挿入する前) に最初のスクリーンショットを撮ろうとすると、onInitialized 関数内からスクリーンショットが作成されないことです..理由は何ですか?

また、js に似た 2 つのスクリーンショットを比較するにはどうすればよいですか? npmでパッケージをインストールし、phantomjsでテストを実行しているのですが、phantomjsで作成したスクリーンショットを変数に保存し、similar.jsでコンパイルする方法はありますか? 私のニーズに合ったコードを見てうれしいです。どうもありがとうございました！！

私は2つの画像オブジェクトを持っていますak whiteimg。ユーザーが 1 つの画像の領域をクリアしていて、2 秒ごとに 2 つの画像を比較したい。

私は何か間違ったことをしていますか？また、画像が読み込まれるのを待ってから操作を実行しています。

コンソールのエラー: Uncaught SyntaxError: Unexpected end of input (index:1)

similarjsライブラリ ( http://huddle.github.io/Resemble.js/ ) を使用して 2 つの画像を比較しようとしています。ただし、ディレクトリを作成し、similarjs を依存関係として追加した後、次を実行しようとすると nodejs test.js、次のエラーが発生します。

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

私は NodeJS を使ったことがないので、非常に単純なものかもしれません。何か案は？

PhantomCSS のデモンストレーションでは、通常、テストで Web ページを使用します。代わりに画像をテストする方法はありますか?

2 つの画像を比較し、node-resemble-js を使用して 3 番目の画像の違いを強調しようとしています。

次のコードを試しました：

しかし、空の「差分」画像を取得しています。ログは、2 つのイメージが異なることを示しています。

ここで何が欠けているのかわかりません。どんな助けでも大歓迎です。