Jqueryは左上のピクセル画像の色を見つける

Question

画像の最初のピクセルの上/左の色を見つける方法はありますか？あなたは、あなたがそれを見つけると、それをクライアントに送信する前に、あなたのHTMLに組み込むことができるPHPを使用する場合は

はあなたに

Answer 1

に感謝します。 http://php.net/manual/en/function.imagecolorat.php

jQueryで再利用するためにdata-pixelColor要素に入れます。この回答に基づいて

Answer 2

：How to get a pixel's x,y coordinate color from an image?

あなたは、キャンバスを描き、その中に画像をロードし、getImageDataを使用して左上1x1ピクセルを読むことができます。

キャンバス2D APIのCanvasRenderingContext2D.getImageData（）メソッドは、 （SX、SY）から始まり、有する長方形で示さキャンバスの領域の 基礎となる画素データを表すのImageDataオブジェクトを返しますsw幅とshの高さ。

この関数はImageDataオブジェクトを返し、dataプロパティにアクセスすると、ピクセル情報を取得します。

読み取り専用ImageData.dataプロパティが0と255の間の整数値でRGBA ために、データを含む一次元アレイを表すUint8ClampedArray を返す（含みます）。

コード：

var myImg = new Image(); 
myImg.src = '../img/logo.png'; 
var context = document.getElementById('canvas').getContext('2d'); 
context.drawImage(myImg, 0, 0); 
console.log(context.getImageData(0, 0, 1, 1).data); 

デモ：jQueryの画像処理ツールはないhttps://jsfiddle.net/2v7ksm7c/