以文本方式查看主题

-  计算机科学论坛  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  新手上路,请教怎么实现svg的交互?  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=30082)


--  作者:卧龙小生
--  发布时间:4/6/2006 4:24:00 PM

--  新手上路,请教怎么实现svg的交互?
举个简单的例子:
<html><head><title>SVG事件</title>
<body >
<
<embed name="id1" pluginspage=http://www.adobe.com/svg/viewer/install/ align="top" src="1.svg" height="200px" width="400px" type="image/svg+xml">

</body>
</html>
-------------------------
1.svg的代码:
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 51448)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
 <!ENTITY ns_svg "http://www.w3.org/2000/svg">
 <!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
]>
<svg  version="1.1" id="图层_1" xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" width="21.357" height="19.541"
  viewBox="0 0 21.357 19.541" overflow="visible" enable-background="new 0 0 21.357 19.541" xml:space="preserve">
<g >
      
 <ellipse id="zsf1" fill="#FFFFFF" stroke="#7FBE1E" cx="10.679" cy="9.771" rx="10.179" ry="9.271"/>
 <line id="zsf2" translate="" fill="none" stroke="#7FBE1E" x1="0.5" y1="9.771" x2="20.452" y2="9.771"/>
     

</g>

</svg>

想在html中用java  script脚本,定义一变量,调用1.svg中的id 为:zsf1的ellipse的cx 的值,怎么实现?


W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
46.875ms