SVG中的動畫技術（2） (轉)

下面再看一個沿指定路徑運動的例子：

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

沿路徑運動的例子

<!-- 下面定義漸變顏色 --&gt





fill="none" stroke="blue" stroke-width="2" />

<!-- 下面的程式碼畫出一個路徑 --&gt
fill="none" stroke="blue" stroke-width="8" />

<!-- 下面的這個圓將沿著定義的軌跡運動 --&gt

<!-- 定義動畫的運動軌跡 --&gt
path="M100,250 C 100,50 400,50 400,250" rotate="auto" />

 上面的例子應用了animateMotion動畫元素，其屬性設定和前面類似。該例子的效果如圖所示：

<embed>

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

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

content-type指定一種型別，預設是"text/ecmascript"
2），在script元素裡使用type屬性來宣告該段指令碼所使用的語言型別。
語法如下：

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