Lấy màu pixel từ một hình ảnh

Question

Tôi có hình ảnh trên trình duyệt.

Tôi muốn có được điểm ảnh trên cùng bên trái của màu hình ảnh (tại tọa độ: 0,0), cho dù hình ảnh có được xoay hay không.

Tôi có thể làm điều đó bằng cách sử dụng mã javascript hoặc php bằng cách nào?

Answer 1

• Tạo một document.createElement vải
• Lấy bối cảnh 2d canvas.getContext('2d')
• Vẽ hình ảnh vào khung context.drawImage(image, x, y)
  • Hãy chắc chắn rằng hình ảnh là từ cùng một tên miền hoặc bạn sẽ không có quyền truy cập đến pixel của nó
• Lấy dữ liệu pixel cho hình ảnh context.getImageData(x1, y1, x2, y2)
  • Bạn muốn chỉ phía trên bên trái để context.getImageData(0, 0, 1, 1)
• Kết quả của getImageData sẽ có một loạt các điểm ảnh trong đó là data lĩnh vực (context.getImageData(0,0,1,1).data)
  • Mảng sẽ có r, g, b và a giá trị.

Answer 2

Đối với hình ảnh trên trình duyệt, bạn không thể sử dụng PHP trừ khi bạn có thể chuyển hình ảnh sang máy chủ trước.

n trình duyệt, nếu bạn có thể vẽ các hình ảnh trong một canvas bạn có thể sử dụng phương pháp getImageData():

var myImg = new Image(); 
myImg.src = 'image.jpg'; 
var context = document.getElementById('canvas').getContext('2d'); 
context.drawImage(myImg, 0, 0); 
data = context.getImageData(x, y, 1, 1).data; 

Bạn sẽ phải cho phép bất kỳ luân chuyển - có lẽ bạn biết những gì xoay đã được áp dụng.