2015-06-30
227
<IMG src="phantom.jpg">
<IMG src="phantom.jpg" style="filter:invert">
LIGHT – подсвечивает объект.
Методы:
addAmbient (iRed, iGreen, iBlue, iStrength) – добавляет рассеянный, ненаправленный источник света, распространяющий параллельные лучи перпендикулярно к поверхности страницы. Все параметры принимают значения от 0 до 255.
iRed, iGreen, iBlue – насыщенность красной, зеленой и синей составляющей.
iStrength – интенсивность источника.
addCone (x1, y1,iz, x2,y2, iRed, iGreen, iBlue, iStrength, iAngle) – добавляет направленный конический источник света.
x1, y1 – координаты источника света в пикселах.
iz – номер слоя.
x2, y2 – координаты точки направления света.
iRed, iGreen, iBlue – насыщенность красной, зеленой и синей составляющей.
iStrength – интенсивность источника.
iAngle – угол конуса распространения света. Прямая, проходящая через точку источника света, является биссектрисой этого угла.
addPoint (x1, y1,iz, iRed, iGreen, iBlue, iStrength) – добавляет точечный источник света.
x1, y1 – координаты источника света в пикселах.
iz – номер слоя.
iRed, iGreen, iBlue – насыщенность красной, зеленой и синей составляющей.
|
|
|
iStrength – интенсивность источника.
Пример.
<script language=javascript>
function f1()
{img1.filters.light.addAmbient(255,0,0,255)}
function f2()
{img2.filters.light.addCone(0,200,0,100,100,255,255,125,255,15)}
function f3()
{img2.filters.light.addPoint(10,300,0,255,255,255,255)}
</script>
<BODY>
<IMG Id=img1 src="phantom.jpg" style="filter: light()" onclick="f1()">
<IMG Id=img2 src="phantom.jpg" style="filter: light()" onclick="f2()">
<IMG Id=img3 src="phantom.jpg" style="filter: light()" onclick="f3()">
MASK – закрашивает прозрачные пикселы объекта заданным цветом и создает прозрачную маску из непрозрачных пикселов объекта.
Свойство:
Color – цвет, в который окрашиваются прозрачные пикселы объекта.
SHADOW – рисует силуэт объекта вдоль одной из его границ в заданном направлении, создавая эффект тени.
Свойства:
Color – цвет создаваемой тени.
Direction – направление падения тени от объекта.
Пример.
<div style="color:blue; font-size:24px; position:absolute; filter:shadow(lightblue,2)">
<IMG src="phantom.jpg" style="filter:shadow(red,135)">
XRAY – изменяет глубину цвета объекта и после этого отображает его в черно-белых тонах, имитируя рентгеновский снимок объекта.
