| ポイント |
<![CDATA[
obj = myTEXT.filters[0].ElementImage();
rot.Image = obj.Transform(rot.MeterLibrary.Rotate2RateDegrees(10));
rot.Start();
<object id="rot" style="position:absolute;left:0px;top:0px;width:200px;height:200px;" classid="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">
<div id="myTEXT" style="width:200px;background-color:yellow;filter:Redirect()">
]]>
|
| 説 明 |
Redirectフィルタを使えば文字や画像を簡単に回転できます。あらかじめスタイルシートのfilter:Redirect()を指定しないと動作しません。回転はRortate2RateDegrees(角度)で指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>文字を回転させる</title>
<script Language="JavaScript"><!--
function rotText()
{
obj = myTEXT.filters[0].ElementImage();
rot.Image = obj.Transform(rot.MeterLibrary.Rotate2RateDegrees(10));
rot.Start();
}
// --></script>
</head>
<body onLoad="rotText()">
<object id="rot" style="position:absolute;left:0px;top:0px;width:200px;height:200px;" classid="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D"></object>
<div id="myTEXT" style="width:200px;background-color:yellow;filter:Redirect()">
回転するのだ〜
</div>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
文字を回転させる