SVG如何結合javaScript

下面介紹JAVAScript如何鑲嵌在SVG的文件中

JavaScript在SVG中分為內部引用和外部引用兩種,內部和外部只是引用方式的區別,對程序的編寫不造成影響。

 內部引用:

<script><![CDATA[

//Wirte JavaScript Code… //Wirte JavaScript Code…

]]></script>

SVG用<script>標籤,這種內引用使用起來很方便,但是一旦JavaScript文件數量很龐大時,就會與SVG的圖形代碼混合在一起,變的很混亂。

外部引用:

 <script xlink:href="MapControl.js" language="JavaScript"/>

此處使用了xlink”的鏈接方式,外部引用方式使得負責邏輯的JavaScript與負責圖形生成與顯示的SVG代碼分離開來,讓SVG和JavaScript的程式碼較容易維護 。