Стиль матрицы изображения преобразуется для содержимого CSS?

Итак, я рассматриваю конкретное приложение для веб-браузера, которое требует от меня выражения цвета в виде прямого альфа-канала с черно-белым альфа-каналом в качестве отдельного элемента. (пример обоих типов

Я знаю, что много лет назад IE поддерживал некоторые извращенные параметры фильтрации, но, поскольку я выполняю преобразования css3, мне нужно, чтобы это работало в современном браузере, предпочтительно в Chrome.

В основном то, что я хотел бы сделать, это иметь элемент с примененными преобразованиями CSS, особенно с вращением, скорее всего, тогда я хотел бы взять его и скопировать в другой элемент эквивалентного размера, к которому применено черно-белое преобразование. Дополнительным бонусом будет настройка исходного элемента на использование прямой альфы, но пока я могу обойтись без этого.

Я не смог найти ни одного маршрута, с которого можно было бы начать расследование. Если есть, буду очень признателен. В крайнем случае я должен начать делать что-то в WebGL или Canvas и изменять там вывод.


person RandallB    schedule 28.12.2011    source источник


Ответы (3)


Два или три разных элемента, уложенные друг на друга с использованием абсолютного позиционирования и z-индекса? Это потребует от вас сохранения двух разных изображений, которых, как я предполагаю, вы пытаетесь избежать.

person kingkool68    schedule 28.12.2011

Вы можете выполнять 3D-преобразования CSS. Поддержка браузеров в основном есть в более новых IE, Chrome, Firefox, iOS и Android.

person Florian Bösch    schedule 04.01.2012

На самом деле я нашел ответ... это шейдеры CSS.

https://dvcs.w3.org/hg/FXTF/raw-file/tip/custom/index.html

Пока нет в наличии, но скоро.

Причина, по которой Canvas не используется, заключается в простоте разработки. (Длинная история.)

person RandallB    schedule 10.01.2012