ВЕБ-ШКОЛА: Фильтры и превращения. Свойства и методы (часть 2)

РЕКЛАМА

Разное

Фильтры и превращения.
Свойства и методы (часть 2)

< Часть 1

BLUR

Фильтр blur создает эффект движения объекта.

Свойства.

add (ч/з) – свойство, которое показывает, будет ли добавляться первоначальное изображение к изображению, полученному после применения фильтра. Принимает значение true(1) (значение по умолчанию) и false(0).
direction (ч/з) – направление, против которого происходит "движение". Отсчитывается от 12 часов по часовой стрелке. Допустимые значения кратные 45^o (т.е. 0, 45, 90, 135, 180, 225, 270 (значение по умолчанию), 315).
strength (ч/з) – интенсивность фильтра. Допустимые значения (1..100).

Описание. Работа фильтра заключается в сдвиге объекта так, что хвост следа оставался в направлении direction. Величина сдвига определается свойством strength. При этом изображения, соответствующие определенным фазам сдвига накладываются друг на друга, создавая впечатление размазанности (движения). В зависимости от свойства add на это полученное изображение можно наложить первоначальное (add=1). Это может быть необходимым, потому что при значениях свойства strength больших 15..20 текст становиться практически нечитаемым.

Примеры. Ниже приводятся примеры для SPAN

<span style="width:100%; background-color:yellow; color:blue; font-size:24pt; text-align:center; filter:blur(параметры в примерах);"

</span>

blur() blur(strength=5) blur(add=0,strength=10) blur(add=1,strength=10) blur(direction=45; strength=10)

Примечания.

Судя по всему, значение strenght является числом пикселов, на которое сдвигается объект. Хотя по MSDN Library допустимым значением для strenght является интервал 1..100, можно задавать и значения большие 100, однако, начиная с определенного значения, изображение приобретает вид, который не соответствует данному эффекту.
Для свойства direction также можно задавать любые значения (даже отрицательные). При этом фильтр приводит их к интервалу 0..360^o и приравнивает к ближайшему кратному 45.

CHROMA

Фильтр chroma переводит определенный цвет изображения в прозрачный (transparent).

Свойства.

color (ч/з) – цвет, с которым работает фильтр (задается по правилам HTML).

Примеры. Ниже приводятся примеры для SPAN

<span style="width:100%; color:blue; font-size:24pt; text-align:center;>

</span>

без фильтра chroma фильтр chroma(color=blue)

Примечания.

Эффект наиболее заметен для изображений с чистыми или преобладающими цветами. Для фотографий или различных "сглаженных" изображений, где цвета плавно меняют оттенок, фильтр не имеет значимого эффекта.
Для изображений фильтр chroma имеет тоже значение, что и прозрачный (transparent) цвет (например, для gif-файлов). [> далее >]