Как получить цвет края изображения?

Question

[Айнур Ярулин]

Здравствуйте, можете подсказать как получить цвет фона изображения,
например у этого изображения цвет фона серый (#e7e7e7), но как это узнать с помощью js?


P.S: Я попробовал использовать библиотеку "FastAverageColor", но она определяет средний цвет, поэтому оттенок немного другой, может есть какая нибудь другая библиотека, которая мне подойдёт?

Answer 1

[Сергей Соколов]

Можно получать цвета пикселей с помощью canvas. Картинки должны быть с того же домена, что и страница.

Можно получить цвет всего 1 пикселя и на том успокоиться. Или же пройтись по всем 4 краям картинки и взять наиболее часто встречающийся цвет.

function getPixel(url, x, y) {
  var img = new Image();
  img.src = url;
  var canvas = document.createElement('canvas');
  var context = canvas.getContext('2d');
  context.drawImage(img, 0, 0);
  return context.getImageData(x, y, 1, 1).data;
}

Comments

[Айнур Ярулин]

спасибо