 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
Статические фильтры
К статическим фильтрам относятся следующие:
alpha – определяет степень видимости объекта. Принимает параметры: opacity, style, finishOpacity, startX, startY, finishX, finishY, enabled;
blur – создает эффект движения объекта. Принимает параметры: add, direction, strength, enabled;
chroma – переводит определенный цвет изображения в прозрачный. Принимает параметры: color, enabled;
dropShadow – отображает силуэт определенного цвета для выбранного объекта, создавая иллюзию, что объект находится над страницей, отбрасывая тень. Принимает параметры: offX, offY, positive, enabled;
fliph – отражает объект относительно центральной вертикальной оси. Принимает параметр enabled;
flipv – отражает объект относительно центральной горизонтальной оси. Принимает параметр enabled;
glow – создает для объекта эффект сияния. Принимай параметры: color, strength, enabled;
gray – отображает объект в градациях серого. Принимает параметр enabled;
invert – обращает цвета объекта. Принимает параметр enabled;
mask – делает из объекта прозрачную маску (отображает прозрачные (transparent)символы определенным цветом, а непрозрачные делает прозрачными).Принимает параметры: color, enabled;
shadow – отрисовывает "боковые" грани объекта, создавая впечатление объемности. Принимает параметры: color, direction, enabled;
wave – создает волнистое искажение объекта вдоль вертикальной оси. Принимает параметры: add, strength, freq, phase, ligthStrength, enabled;
xray – изменяет глубину цвета объекта и отрисовывает черно-белым, делаяего похожим на рентгеновский снимок. Принимает параметр enabled.
Пример из листинга 1 иллюстрирует применение некоторых из перечисленных выше фильтров с параметрами, принятыми по умолчанию.
Каждый фильтр имеет параметр enabled, принимающий значения true (разрешено применение) и false (запрещено применение). Значением по умолчанию является true.
Фильтры blur, glow и wave имеют параметр strength, определяющий интенсивность (силу), применения фильтра в диапазоне целых чисел от 0 до 255.
Фильтры chroma, dropShadow, glow, mask и shadow имеют параметр color, принимающий в качестве значения имя или код цвета.
Фильтры blur и shadow имеют параметр direction, определяющий направлениеразмытия изображения и падения тени соответственно. Этот параметр принимает значения 0 и кратные 45, означающие количество градусов, отсчитанное от вертикали по часовой стрелке.
Фильтр blur имеет параметр add, принимающий значения true и false. Этот параметр определяет, добавлять (true) или нет (false) исходное изображение к результату применения фильтра.
Чтобы фильтры blur, glow, wave, alpha, dropShadow, shadow, xray воздействовали на тексты, последние должны быть абсолютно позиционированными т.е. иметь параметр position: absolute.
Далее рассматриваются наиболее популярные фильтры.
Тень (dropShadow, shadow)
Фильтр dropShadow имеет параметры offX offy, определяющие смещение тени в пикселях в горизонтальном и вертикальном направлениях соответственно. Параметр positive, определяет, от каких пикселов следует отбрасывать тень: от непрозрачных (true) или прозрачных (false). Этот фильтр действует на графические изображения и дает видимые результаты, если они содержат прозрачные участки.
Фильтр dropShadow можно применять и к абсолютно позиционированным текстам.
Фильтр s hadow имеет параметры direction (направление) color (цвет). Параметр direction принимает значения 0 и кратные 45, означающие количество градусов, отсчитанное от вертикали по часовой стрелке.
Волновое искажение (wave)
Фильтр wave имеет параметры: add, strength, freq, phase, ligthStrength. Параметр add определяет добавлять (true) или нет (false) исходное изображение к результату применения фильтра. Параметр strength задает амплитуду волны искажения. Параметр freq указывает количество Максимов волны искажения, phase – фазу в диапазоне от 0 до 100. Параметр ligthStrength определяет степень освещения для имитации трехмерного эффекта для волны. Этот фильтр можно применять и к изображениям, и к абсолютно позиционированным текстам.
Размытие (blur)
Фильтр blur имеет параметры: add, direction, strength. Параметр add определяет добавлять (true) или нет (false) исходное изображение к результату применения фильтра. Параметр strength задает силу размытия. Параметр direction указывает направление размытия изображения. Он принимает значения 0 и кратные 45, означающие количество градусов, отсчитанное от вертикали по часовой стрелке. Фильтр blur можно применять и к изображениям, и к абсолютно позиционированным текстам.
Прозрачность (alpha)
Прозрачность графического объекта в диапазоне целочисленных значений от 0 до 100 можно установить с помощью фильтра alpha. Значение 0 соответствует полной прозрачности изображения, т.е. оно становится невидимым. Значение 100 означает, наоборот, полную непрозрачность изображения. Таким образом alpha является степенью непрозрачности. Сквозь прозрачные графические объекты видны лежащие ниже изображения. Степень их видимости определяется значением прозрачности изображения, лежащего выше. Кроме того, прозрачность имеет несколько вариантов градиентной формы. Можно сделать так, чтобы прозрачность постепенно увеличивалась от центра к краям изображения. Это позволяет просто и весьма эффективно согласовать вставляемое в документ изображение с фоном.
Фильтр alpha имеет параметры:
opacity – задает степень прозрачности (точнее, непрозрачности) как целое число в диапазоне от 0 до 100;
style – определяет градиентную форму распределения прозрачности по изображению как целое число от 0 до 3. Если параметр style не указан или имеет значение 0, то градиент не применяется (степень прозрачности одинакова для любых участков изображения);
finishOpacity – конечное значение степени прозрачности (от 0 до 100);
startX, startY, finishX, finishY – координаты точек, определяющие прямую, на которой прозрачность равна значению параметра finishOpacity. При style>0 прозрачность точек между границами объекта и этой прямой изменяется от значения opacity до finishOpacity. При style=2 прозрачность изменяется от центра к эллипсу, вписанного в прямоугольник с диагональю заданной координатами startX, startY, finishX, finishY. При этом вне эллипса прозрачность определяется значением finishOpacity.
Повороты
В браузере Internet Explorer 5.5 и более поздних версий возможно применение фильтра basicimage, имеющего множество парметров, с помощью которых графическое изображение можно повернуть на угол, кратный 90 градусов, задать прозрачность, зеркально отразить, определить маску и др. В Internet Explorer, начиная с версии 4, все эти эффекты, за исключением поворотов, создаются отдельными фильтрами. Порядок их применения такой же, как и фильтра alpha, задающего прозрачность. Ниже рассматривается создание эффекта поворота.
Параметр rotation фильтра basicimage принимает целочисленные значения: 0 (нет поворота), 1 (90 градусов), 2 (180 градусов), 3 (270 градусов).
Поиск по сайту: