在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" οnlοad="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标签的异常。