| ポイント |
<![CDATA[
myIMG.filters[0].bias = en;
<img src="image.jpg" width="320" height="240" id="myIMG" style="filter:progid:DXImageTransform.Microsoft.Emboss(bias=0.8)">
]]>
|
| 説 明 |
IE5.5以降では画像などにエンボス効果を施すことができます。スタイルシートでprogid:DXImageTransform.Microsoft.Embossを指定しbias=0.7のようにパラメータを指定します。値の範囲は-1.0〜1.0で負数になると画像が暗くなり、正数になると明るくなります。値の範囲が-1.0〜1.0でない場合はエラーになるので注意が必要です。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>画像にエンボス効果を施す</title>
<script language="JavaScript"><!--
en = 0.8;
function setEmboss(n)
{
en += n;
if (en < -1.0) en = -1.0;
if (en > 1.0) en = 1.0;
myIMG.filters[0].bias = en;
}
// --></script>
</head>
<body>
<img src="image.jpg" width="320" height="240" id="myIMG" style="filter:progid:DXImageTransform.Microsoft.Emboss(bias=0.8)">
<br>
<a href="javaScript:setEmboss(0.1)">0.1</a>加算<br>
<a href="javaScript:setEmboss(-0.1)">0.1</a>減算<br>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
画像にエンボス効果を施す