Как реализовать выбираемый фильтр HSL в JS - PullRequest
Новая
       89

Как реализовать выбираемый фильтр HSL в JS

0 голосов
/ 30 сентября 2019

изменить значение HSL выбранного диапазона, ej. Я выбираю H = 45, а затем просто изменяю диапазон значений yelows

Привет всем, надеюсь, у вас все хорошо, ну, мне не о чем сказать, я пытаюсь создать редактор изображений с некоторыми классными инструментами, такими как фильтрация hsl,яркие и некоторые другие вещи, я выполнил часть своей задачи, но теперь я заблудился, я сделал фильтр hsl, который делает все мои цвета фотографий выглядящими по-разному, но теперь я хочу реализовать тот же код, но с цветовым диапазоном, я сделалозначает, что можно выбрать цвет, например зеленый, затем изменить все пиксели hsl внутри диапазона, чтобы он стал другим цветом, но он допускает ошибку, его вообще не сглаживают, например, если я выбираю зеленую шкалу, а пиксель x находится вдиапазон затем добавить или вычесть значение значения оттенка или значения насыщенности, но код вернет пиксельную диаграмму, такую ​​как изменение цвета, какая-то помощь? Я действительно не знаю, как объяснить

var range = Filter.hsl_range; 

var r = orgb.data[i];
var g = orgb.data[i+1];
var b = orgb.data[i+2];

var hsl = Convert.rgbToHSL(r,g,b);
var h = hsl.h * 360;
var s = hsl.s * 100;
var hThreshold = Math.threshold(h,45);
if(hThreshold < 45){
  h += adjust;
  hsl.h = h/360;
  newRGB = Convert.hslToRGB(hsl.h,hsl.s,hsl.l);
  rgb.data[i] = newRGB.r;
  rgb.data[i+1] = newRGB.g;
  rgb.data[i+2] = newRGB.b;
  return rgb;
}
return orgb;

Я хочу, чтобы цвет моего изображения изменился, если он находится в пределах диапазона выбранного цвета

это то, что я сейчас получаю это моя модификация изображения

...