Статические фильтры

Фильтр Параметры Описание
shadow() color - цвет тени; direction – угол поворота в градусах Придание объема тексту
dropshadow() color - цвет тени; offx (offy) - смещение силуэта по горизонтали (вертикали) Добавление силуэта объекту (отброшенная тень)
glow() color - цвет светящегося контура; strength - интенсивность или ширина свечения в пикселах Создание светящегося ореола (свечение)
mask() color – цвет заливки Заливка прозрачных областей, заданным цветом
blur() direction – направление; strength– интенсивность «размытия» в пикселах;add – позволяет добавлять (true) или не добавлять (false) исходное изображение объекта в отфильтрованный образ Позволяет представить объект «размытым»
wave () add – добавляет или нет исходный объект в отфильтрованный образ; strength – интенсивность искажения; freq– количество пиков волны; phase –задается в процентах от фазы обычной синусоиды, имеющей начальное значение ноль; lightstrength– интенсивность освещения Добавляет волновое искажение к объекту
flipv()/fliph()   Зеркальное отображение в вертикальном / горизонтальном направлении
alpha() opacity – степень прозрачности в процентах (от 0 до 100); style – способ применения фильтра (0 – фильтр применяется равномерно ко всему изображению; 1 – прозрачность изменяется вдоль отрезка прямой, заданной координатами начала и конца; 2 – прозрачность изменяется от центра эллипса, вписанного в границы, до краев; 3 – прозрачность изменяется от центра изображения до его краев) Создание эффекта прозрачности
chroma() color – цвет, который нужно заменить на прозрачный Делает прозрачными все пикселы указанного цвета
gray()   Преобразует цветное изображение в черно-белое
xray()   Преобразует цветное изображение в черно-белое негативное
invert()   Преобразует изображение в негативное цветное
light()   Добавляет к изображению источник света

Методы фильтра light():

1. addAmbient(a, b, с, d) – помещает рассеянный источник света над изображением, где

§ а, b, с – три составляющие света (красная, зеленая, синяя), каждая принимает значение от 0 до 255;

§ d – интенсивность источника света.

2. addCone(x, у, n, x1, y1, а, b, с, f, k) – помещает конический источник света (прожектор),

§ х, у – координаты точки, откуда исходит свет;

§ n – номер слоя;

§ x1, y1 – координаты точки, в которую направляется источник;

§ а, b, с – определяют составляющие интенсивности в формате RGB;

§ f – задает интенсивность эффекта;

§ к – величина угла конуса (определяет ширину освещенной полосы).

3. addPoint (x, у, n, a, b, с, f) –добавляет точечный источник света, где

§ х, у - координаты точки, откуда исходит свет;

§ п - номер слоя;

§ а, Ь, с - определяют составляющие интенсивности в формате RGB;

§ f - задает интенсивность эффекта.

Пример применения фильтра:

p2.filters.light.addCone(10, 30,1, 300, 250, 250, 250, 250, 20, 30),

где р2 задается следующим образом: <img id=p2 src=l.gif style="filter: light()">


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: