一个比较完整的svg文件

 

<?xml version="1.0" encoding="utf-8"?>

<svg width="700" height="1300" οnlοad="svgOnload(evt)">

<!-- 图元定义区 -->
   <defs>
         <menu id="Menu">
             <header>Menu utilisateur</header>
             <item id="Menu0" onactivate="select1(evt)">选取1</item>
             <item id="Menu1" onactivate="select2(evt)">选取2</item>
         </menu>
        <menu id="NoneMenu">
        </menu>

        <g id="bz1"><circle cx="0" cy="0" r="10" fill="blue" stroke="blue"/></g>
    </defs>

<!-- 脚本定义区，这里定义用来加载动态菜单-->

   <script type="text/javascript"> <![CDATA[     

           function svgOnload(evt)
               {

                   var node=evt.getTarget();  
                   var svgdoc = node.getOwnerDocument();
                   var newMenuRoot=parseXML(printNode(svgdoc.getElementById("NoneMenu")),contextMenu);
                  contextMenu.replaceChild(newMenuRoot,contextMenu.firstChild); 

               }

   ]]></script>

<!-- 图形区域，这里引用图元-->

  <g id="root">
          <use name='c1' x='100' y='100'  xlink:href='#bz1' />
  </g>

<!--如果想显示中文，文件编码utf-8--，需要转换文件编码。ultraedit 编辑 转换 转换为utf-8>

   <text x="250" y="15" font-size="16" font-family="SimSun" fill="black">中国人</text>

</svg>

 

提示：使用的时候去掉上面的备注

自己写小测试的时候一定要注意格式

哈哈，本人完全手写的，有助于对语法的理解。网络上也有工具，自己找找

 

测试：去点本人写的备注，另存为test.svg 就可以使用了！