Как подкрасить SVG в обработке и сохранить яркость?

Question

Я пытался понять это уже 2 дня, поэтому надеюсь, что кто-нибудь сможет помочь.

Мне нужно загрузить в SVG-файлы, которые имеют несколько значений серого в них и подкрасить их цветами. Так, например, скажем, файл SVG является изображением скалы и имеет 4 значения серого. Мне нужно иметь возможность отображать камень красным и сохранять различия между значениями в разных дочерних фигурах. Другими словами, я бы хотел, чтобы он работал так же, как PImage.tint ().

Я вижу, что есть методы tint () и setTint () для PShape, но я не могу заставить их работать. Я также думал о том, чтобы повторять через дочерние формы и читать каждый цвет по отдельности и перекрашивать их соответствующим образом, но я даже не мог понять, как прочитать цвет так, как я понимаю.

Помогите, кто-нибудь?

Answer 1

Если это плоский цвет, то вы можете использовать альфа-значение в значении цвета RGB.См. «Прозрачность цвета» по следующей ссылке: https://processing.org/tutorials/color/

Значением заливки является заполнение (красный, зеленый, синий, прозрачность)

Надеюсь, это поможет.Если вы хотите поделиться кодом и у вас есть причина использовать PImage, я с удовольствием посмотрю.

Answer 2

Если у вас есть <img>, вы можете использовать свойство фильтра CSS с hue-rotate https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/hue-rotate

Или вы добавляете svg непосредственно в html и добавляете классы к вашим элементам. Тогда вы можете изменить цвета в вашем скрипте.