Могу ли я создать один SVG-фильтр с несколькими эффектами? ⇐ CSS

[Anonymous]

Я пытаюсь создать фильтр, который притупляет яркость до 30 %, а также масштабирует изображение до 90 %. В Webkit это до смешного просто, но Gecko в настоящее время поддерживает фильтры только путем вызова их с помощью filter:url( filter.svg), и когда я вызываю два разных для одного и того же элемента CSS, например:

Код: Выделить всё

filter: url(filters.svg#grayscale);
filter: url(brightness.svg#brightness);

Кажется, он отменяет первый фильтр.

У меня есть этот SVG-файл, который я сделанный из фильтра оттенков серого, который я нашел где-то на StackOverflow, и фильтра яркости из https://developer.mozilla.org/en-US/doc ... _functions. Я просто копирую и вставляю код яркости в оттенки серого. Вот

Код: Выделить всё

Я вижу, что фильтры «вызываются» с использованием контекста. Увидев это, я думаю, что смогу либо вызвать их обоих в одной строке, либо объединить код в один фильтр, который одновременно преобразует оттенки серого и уменьшает яркость. К сожалению, я понятия не имею, как это сделать.

Я также не знаю, как изменить код фильтров оттенков серого, чтобы сделать его оттенками серого до 90 %. В настоящее время он включен на 100 %. В идеальном мире я бы хотел скопировать эффекты яркости: 30%; и оттенки серого: 90%; на webkit именно в этот SVG

Подробнее здесь: https://stackoverflow.com/questions/231 ... le-effects