7

私の最初の検索では、セキュリティ上の理由からこれを実行できない可能性があることが示されていますが、とにかく質問します。Webページ上の指定されたピクセル色を取得するにはどうすればよいですか?
具体的には、これは背景色、画像、css-modified-elementsを含む私自身のWebページです。完全にレンダリングされたWebページの特定のピクセルの色を知る必要があります。完全にレンダリングされたページを変更したいので、情報をスクリーングラブから取得することはできません。

痛い!!! 誰かが本物の質問をしたことで本当に「マイナス1」の私でしたか?タフな群衆!

具体的には、ユーザーが移動可能なキャンバス要素をWebページに追加して、キャンバスがホバーしているWebページの部分を視覚的に変更したいと思います。キャンバス要素は、ユーザーがWebページ上を移動できる虫眼鏡と考えてください。しかし、canvas要素に生成させたい実際の効果はカラーフィルターです(したがって、基になる色が必要です)。

4

3 に答える 3

2

https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en

ここでもう少し詳しく説明します。

Chromeプラグインを使用すると、ページを読み込んで、小さなスポイトツールを使用して、色を調べたいページのセグメントを選択できます。それは簡単ですが、あなたの「編集」にはその種の画面スクレイピングがあります。Chromeを使用できるかどうかわからない。

プラグインを使用できない場合、右クリックでhtml要素を選択することはできますか?

于 2013-01-07T19:14:27.280 に答える
2

スクリプト+トリックでは実行できません。たぶんプラグイン経由

ページをレンダリングするようにサーバー側のブラウザを設定できる場合は、それでうまくいく可能性があります。

于 2013-01-07T19:18:56.287 に答える
2

html2canvasライブラリを使用して、DOMが更新されるたびにWebページをキャンバスに再レンダリングし、キャンバスからピクセル情報を取得できます。

ただし、達成しようとしていることはcssフィルターで実行できる可能性があるようです。これは、cssフィルターでできることのデモです。 同じHTMLで2つのレイヤーをレンダリングする必要があります。ここで、最上層にはフィルターが適用され、目的の領域のみをカバーするようにトリミングされます。

于 2013-10-20T16:49:33.757 に答える