SVG中的動畫技術(3) (轉)

 SVG 產生動畫的方式是由指令碼語言DOM的屬性和方法實現的，在SVG中使用指令碼語言和HTML中類似，首先是指定指令碼的語言型別：有兩種辦法可以指定指令碼的語言型別

1），在SVG元素裡使用contentScriptType屬性，可以指定整個文件裡使用的預設指令碼語言型別。

語法如下：

content-type指定一種型別，預設是"text/ecmascript"

2），在script元素裡使用type屬性來宣告該段指令碼所使用的語言型別。

語法如下：

<BR>content-type就是所使用的媒體型別。 </P></BLOCKQUOTE></BLOCKQUOTE> <P>&nbsp;SVG裡的script元素和HTML裡的完全一致。任何script元素裡定義的都可以應用到整個文件裡，也可以透過xlink:href屬性，指定一個指令碼的URL地址，比如：</P> <P><script type="text/</A>script</A>" xlink:href="test.js">

。

 下面看一個利用SVG DOM產生動畫的例子：

version="1.0" encoding="UTF-8" standalone="no"?>
BR>"">

 上面的例子中，首先找到要進行動畫的元素的容器元素，即g；然後每隔50px高產生一個50*50的正方形，並把他們新增到g的節點中，最後每隔80毫秒,動態改變其位置和透明度，就可以看到動態的效果了！

<embed>