javascript - Javascript - キャンバス要素の下の画像からピクセルデータを取得しますか?

Question

getImageData() を使用して、キャンバス イメージのピクセル カラー データをサンプリングできます。背景画像またはフラッシュ ムービーの上に透明なキャンバス エレメントを重ねる場合、canvas タグを介してそこから色をサンプリングできますか?

Answer 1

私はそうは思わない。その時点でキャンバスの色を取得します。メソッドを見つけましたdocument.defaultview.getComputedStyle(element,pseudoElt)が、background-colorのない1ピクセルのdivで、「transparent」が返されました。

したがって、残念ながら、これは現時点では不可能な場合があります。あなたのより高いレベルの目標は何ですか？別のルートを考え出すことができるかもしれません。

「以前、画像データをjavascriptオブジェクトにコピーするというアイデアがありました。ページ全体をカバーし、レンダリングされた画面の画像をキャプチャするキャンバス要素を作成できます。そのデータを取得したら、実際のクロスブラウザテストを実行できます。 、 多分。"

静止画像であることを気にしない場合は、これを行う優れたWebサイトがあります：ブラウザショット。さまざまなブラウザで実行されているWebサイトのスクリーンショットを生成します。