| ポイント |
<![CDATA[
myIMG.filters[0].MaxSquare = en;
<img src="image.jpg" width="320" height="240" id="myIMG" style="filter:progid:DXImageTransform.Microsoft.Pixelate(duration=3,maxSquare=1)">
]]>
|
| 説 明 |
IE5.5以降では画像にモザイク効果を施すことができます。スタイルシートでprogid:DXImageTransform.Microsoft.Pixelateを指定しmaxSquareでモザイクのブロックサイズを指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>画像にモザイクをかける</title>
<script language="JavaScript"><!--
en = 1;
function setMaxSquare(n)
{
en += n;
if (en < 0) en = 0;
myIMG.filters[0].MaxSquare = en;
}
// --></script>
</head>
<body>
<img src="image.jpg" width="320" height="240" id="myIMG" style="filter:progid:DXImageTransform.Microsoft.Pixelate(duration=3,maxSquare=1)">
<br>
<a href="javaScript:setMaxSquare(1)">1</a>加算<br>
<a href="javaScript:setMaxSquare(-1)">1</a>減算<br>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
画像にモザイクをかける