#javascript #css #filter
Вопрос:
Я пытаюсь изменить цвет изображения с красного на определенный другой цвет с помощью CSS-фильтров через Javascript. Таким образом, пользователь может выбрать нужный цвет, и он изменит цвет изображения на этот цвет. Я могу заставить кнопку изменить цвет, Поворот, Насыщенность или Яркость, но не все сразу.
Как сделать функцию, которая устанавливает все три сразу?
Что у меня есть на данный момент:
function OrdReset() {
document.getElementById("Ordinary").style.webkitFilter = "hue-rotate(0deg) saturation(0%) lightness(100%)";
}
Комментарии:
1. Просто используйте вариации в игре ! Например, оттенок-поворот(поворот(adeg) ……
2. Я не могу найти фильтр яркости. Это яркость?
Ответ №1:
Упс! По-видимому, вызов Saturate(%) «Насыщенность (%)» и Brightness(%) «Яркость(%)» нарушает ваш код.
Комментарии:
1. Вы можете проверить такие вещи в инструментах для разработчиков вашего браузера — если значение свойства CSS недопустимо, оно покажет вам — обычно с небольшим желтым треугольником — когда вы смотрите на элемент.
2. Пожалуйста, добавьте дополнительные сведения, чтобы расширить свой ответ, например, ссылки на рабочий код или документацию.