Filter
Compositorフィルタ
Sample Source......................................................................>>>
<script language="JavaScript"><!--
var dv1_iH; //dv1のinnerHTML内容を記憶しておく変数
var flg = false; //ﾌｨﾙﾀが適用中(true)か、適用されていな(false)かを識別
function CompOn(){
if(!flg){
dv1_iH = dv1.innerHTML; //dv1のinnerHTML内容を記憶しておく
dv1.filters[0].Apply(); //ﾌｨﾙﾀを適用する
dv1.innerHTML = dv2.innerHTML; //2つの要素を合成する
dv1.filters[0].Play(); //ﾌｨﾙﾀに実行
}
flg = true;
}
function CompOff(){
dv1.filters.item("DXImageTransform.Microsoft.Compositor").enabled = 0;
//compositorﾌｨﾙﾀの結果、dv1の内容がdv2に置き換わってしまっているので元の内容に戻す
dv1.innerHTML = dv1_iH;
flg = false;
}
//--></script>
</head>
<body>
<div id="dv1" style="position:absolute; top:50;width:300; height:230; border:3px solid blue; filter:progid:DXImageTransform.Microsoft.Compositor(function=9);"> <img src="../../java/jadata/pho_003.gif" width="256" height="192"> </div>
<div id="dv2" style="position:absolute; top:50; left:320; width:300; height:230;border:3px double green;"> <span style="color:red;font:bold 42 'Arial Black';">Compositor</span> <img src="../../images/cut/025.gif" width="103" height="116" style="position:absolute; top:60; left:120"> <span style="position:absolute; top:155;left:20; color:green;font:bold 40 'Arial Black';">Filter</span> </div>
<form name="form1">
Compositorフィルタを
<input type="button" name="on" value="適用" onclick="CompOn()">
(function=9)する ／
<input type="button" name="off" value="解除" onclick="CompOff()">
する
</form>
end(最終更新:12/11/9)