Filter Compositor

Ukážka
Obrázok A Obrázok B

 

 

 

 

 

0 - Objekty sa nezobrazia
1 - Zobrazí   minimum farieb obidvoch objektou
2 - Zobrazí   maximum farieb obidvoch objektou
3 - Zobrazí  len objekt A
4 - Zobrazí objekt A nad objektom B
5 - Zobrazí všetky časti objektu A, ktoré sú s objektom B spoločné
6 - Zobrazí všetky časti objektu A, ktoré niesú spoločné s objektom B
7 - Zobrazí objekt A nad objektom B, pričom objekt A je viditelný len na spoločných častiach.
8 - Zobrazí objekt A, pričom na spoločných častiach odoberie hodnoty farieb objektu B
9 - Zobrazí objekt A, pričom na spoločných častiach pridá hodnoty farieb objektu B
10 - Zobrazí objekty A a B, bez spoločných plôch.
18 - = 2
19 - Zobrazí  len objekt B
20 - Zobrazí objekt  B nad objektom A
21 - Zobrazí všetky časti objektu B, ktoré sú s objektom A spoločné
22 - Zobrazí všetky časti objektu B, ktoré niesú spoločné s objektom A
23 - Zobrazí objekt B nad objektom A, pričom objekt A je viditelný len na spoločných častiach.
24 - Zobrazí objekt B, pričom na spoločných častiach odoberie hodnoty farieb objektu A
25 - Zobrazí objekt B, pričom na spoločných častiach pridá hodnoty farieb objektu A

CSS <STYLE type="text/css"><!--
.filt {filter:progid:DXImageTransform.Microsoft.Compositor(function=25);/*priklad*/
height: 200px;
width: 200px;
position: absolute;
top: 120px;
left: 100px; }

#odiv1 {
top: 0px;
left:0px;
position: absolute;
height: 200px;
width: 200px;}

#odiv2 {
top: 0px;
left: 0px;
position: absolute;
height: 200px;
width: 200px;}
--></STYLE>
Script <SCRIPT LANGUAGE=vbscript><!--
dim F
Sub window_onload
F=25
SpustFilter(F)
End Sub

Sub SpustFilter(Fun)
Kontainer.style.filter="progid:DXImageTransform.Microsoft.Compositor(function=" & F & ");"
Kontainer.filters.item(0).Apply
oDIV2.style.visibility="hidden"
oDIV1.style.visibility="visible"
Kontainer.filters.item(0).Play
Kontainer.filters.item(0).Apply
oDIV1.style.visibility="hidden"
oDIV2.style.visibility="visible"
Kontainer.filters.item(0).Play
End sub

Sub Tl_onclick
F=F+1
if F=26 then F=0
if F=11 then F=18
SpustFilter(F)
Tl.value="Compositor " & F
End Sub
--></SCRIPT>
Objekty <INPUT type="button" value="Compositor 25" id=Tl >
<DIV ID="Kontainer" class="filt" >
<DIV ID="oDIV1"><IMG src="A.gif"></DIV>
<DIV id="oDIV2" > <IMG src="B.gif"></DIV>
</DIV>