在SVG中使用JavaScript

使用JavaScript的目的是操控SVG DOM、事件等。

 

<?xml version="1.0" encoding="UTF-8" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> <svg id="zjsvg" width="50cm" height="25cm" viewBox="60 90 2000 1000" onload="begin()" preserveAspectRatio="xMidYMid meet" zoomAndPan="magnify" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <script xlink:href="../showSVG-AjaxEncap.js" language="JavaScript"/>

 

看最後一句，就是引入JavaScript的外聯方式，還有一種內嵌的，我感覺沒有外聯的好，因爲編輯JavaScript不方便。

注意：前面的名稱空間，不要丟失，不然有可能造成不能識別 script標籤的異常。