中文XML论坛 - 专业的XML技术讨论区--显示贴子

以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (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=76552)

--  作者：anymessageme_svg
--  发布时间：8/31/2009 2:31:00 PM

--  请问svg模块鼠标滑过事件的写法
我现在想用perl语言编写一个svg的图片，使用了svg模块，想达到鼠标滑过或放在比如一个图形上就会弹出一段说明文字，不知道这个过程中的鼠标滑过这个事件改怎么写？？另外svg生成后该用什么图片格式保存才能保留这种效果？谢谢前辈的赐教！！

--  作者：tamefox
--  发布时间：9/24/2009 11:24:00 PM

--
perl语言我不熟悉，不过鼠标滑过显示提示信息的程序我可以给你一段
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat-20030114.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<desc>
  
</desc>
<script type="text/javascript">
   function show(evt){
    var obj=document.getElementById("label");
    var x=evt.clientX+3
    var y=evt.clientY-5;
     obj.setAttribute("transform","translate("+x+","+y+")");
     obj.setAttribute("visibility","visible");
   }
   function hideLabel(){
        document.getElementById("label").setAttribute("visibility","hidden");
   }
</script>
<g>
  <circle r="20" cx="100" cy="100" onmousemove="show(evt)"  onmouseout="hideLabel()"/>
  <g id="label" visibility="hidden">
        <rect width="60" height="15" fill="lightyellow" stroke="pink"/>
        <text x="2" y="10">mouseover</text>
        </g>
</g>
</svg>

--  作者：anymessageme
--  发布时间：9/25/2009 9:17:00 AM

--
见识了，谢谢！要是这能用perl写出来的话感觉会省事很多

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

46.875ms