У меня есть произвольный растровый шаблон, где синий цвет равен -1,0, белый - 0,0, а оранжевый - 1,0 (левое изображение).Нужно разработать SVG-фильтр, похожий на этот справочник С серым изображением в D3js ), но для дискретизации (правое изображение).
В конце концов, значения для всех трех цветов известны.
Я уверен, что в основном мне нужно пройти через каждый пиксель ивычислите расстояние до синего и оранжевого и установите ближайший.
Но я не знаю, какой метод фильтрации мне следует использовать из этих https://developer.mozilla.org/en-US/docs/Web/SVG/Element/filter (в разделе «См. также»).
И, может быть, есть другое решение, которое не основано на расчетах расстояний?