問題タブ [getimagedata]

キャンバスに 2D コンテキストを作成しました。そのコンテキストでは...関数を使用して...いくつかの「円オブジェクト」を作成できます。今、私が望むのは、コンテキスト全体の画像データではなく、単一の円オブジェクトの ImageData を取得することです。

以下のコードでは、私の願いがコメントアウトされていることがわかります。

では、特定のオブジェクトの画像データを取得するにはどうすればよいでしょうか?

編集: 最初に円を描画する必要があることを理解しています。コードの後半でそれを行いますが、コンテキストに背景四角形がある場合、円の横をクリックすると、その imageData が取得されますアルファ rgba の 0 値を返したい場合は、背景の四角形。

html5-canvas 用の単純なライブラリレス rotozoomer を作成しましたが、getImageData を使用する前にイメージをキャンバスにロードする正しい方法は何でしょうか?

画像をロードするために必要な「ブレーク」が発生するため、コードはアラートで機能します。JQuery も Ajax も使用したくありません。

ここでは、キャンバスに描画する際に直接 imageObj.onload を使用しています。おそらく正しい方法ではありませんか？フィードバックと解決策をお寄せいただきありがとうございます。

皆さん、

キャンバス オブジェクトにある画像の色を取得する必要があります。

それが私が今していることです：

これは私が欲しいものですが、2つの画像があります... 1つは描画するだけで色がありません... もう1つは同じですが、各部分に色があります... ユーザーに見せたい..色のない画像...そしてマウスをホバーすると...「背面」の色を取得します。

私がここでやろうとしていることを理解していただければ幸いです。

この方法で画像を追加しています：

そしてこれが方法です

どんな助けでも大歓迎です。

私の目標は、一連の png 画像から imageData の配列を作成することです。

これを行うには、for ループを使用して画像を処理し、それらをキャンバスに配置してから、作成された imageData を取得して配列に格納します。

問題は、イメージをキャンバスにロードするのに十分な時間がないことです。今のところ私の解決策は、タイマーに十分な時間を残すことですが、それは恐ろしいことです。

この問題の解決策が見つからないようです。キャンバスに「オンロード」機能を持たせる方法はありますか?

お時間をいただきありがとうございます。

これは非常に基本的な質問かもしれませんが、私は JavaScript に関しては初心者なので、問題を解決する正しい方法がわかりません。ピクセルの色をチェックするifステートメントを実行する必要があり、黒の場合は何かを行い、そうでない場合は何かを行います。（これは逆伝播プロジェクトなので、反復があります）

簡単なことを聞​​いて申し訳ありませんが、これを行う時間があまりないので、今は基本から始めることはできません.