概要
VMLにHTML+TIMEを併用して図形をアニメーションさせる方法について解説します。
書き方
HTML+TIMEもVML同様、XMLの文法を使って記述します。
以下のようなHTMLを書くだけで簡単にアニメーションさせることができます。
<html xmlns:t="urn:schemas-microsoft-com:time"
xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>VML</title>
<style TYPE="text/css">
<!--
v\:* { behavior: url(#default#VML); }
-->
</style>
<?import namespace="t" implementation="#default#time2"?>
</head>
<body>
<v:polyline style="position:relative;" points="0,0 200,0 0,200 0,0">
<t:animate attributeName="rotation" from="0" to="359"
begin="1" dur="20" repeatCount="indefinite" />
</v:polyline>
</body>
</html>
ブラウザでは以下のように表示されます。