新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
    		•   Add to Google

    >> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术，以及有关GIS的应用。
    [返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 求教大家，svg的问题，急，希望大家帮忙 ◇查看新帖 ◇ 用户列表 ◇

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 9036 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子　浏览下一篇主题
     * 贴子主题： 求教大家，svg的问题，急，希望大家帮忙 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     raulyao 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：6
      积分：77
      门派：XML.ORG.CN
      注册：2009/3/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给raulyao发送一个短消息 把raulyao加入好友 查看raulyao的个人资料 搜索raulyao在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看raulyao的博客楼主
    发贴心情 求教大家，svg的问题，急，希望大家帮忙

    现在用svg实现了画曲线，希望在svg图中可以像股票形式那样，比如将鼠标放在曲线一点上可以显示当前点的坐标，或者有横纵轴线拖拽到某一点，可以显示坐标，不知道怎样实现，问问大家，看有没有好的方法，很急，希望大家帮忙

       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2009/8/6 11:20:00
     
     raulyao 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：6
      积分：77
      门派：XML.ORG.CN
      注册：2009/3/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给raulyao发送一个短消息 把raulyao加入好友 查看raulyao的个人资料 搜索raulyao在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看raulyao的博客第2楼
    发贴心情 
    自顶下，大家帮忙啊
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2009/8/6 12:39:00
     
     raulyao 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：6
      积分：77
      门派：XML.ORG.CN
      注册：2009/3/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给raulyao发送一个短消息 把raulyao加入好友 查看raulyao的个人资料 搜索raulyao在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看raulyao的博客第3楼
    发贴心情 
    没有 高手帮帮忙吗
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2009/8/9 22:39:00
     
     AaronQian 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：3
      积分：64
      门派：XML.ORG.CN
      注册：2009/8/27

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给AaronQian发送一个短消息 把AaronQian加入好友 查看AaronQian的个人资料 搜索AaronQian在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看AaronQian的博客第4楼
    发贴心情 
    你得自己写消息响应，用JS写
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2009/9/9 15:25:00
     
     raulyao 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：6
      积分：77
      门派：XML.ORG.CN
      注册：2009/3/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给raulyao发送一个短消息 把raulyao加入好友 查看raulyao的个人资料 搜索raulyao在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看raulyao的博客第5楼
    发贴心情 
    我知道要用js写，不过不知道如何下手
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2009/9/15 11:10:00
     
     AaronQian 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：3
      积分：64
      门派：XML.ORG.CN
      注册：2009/8/27

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给AaronQian发送一个短消息 把AaronQian加入好友 查看AaronQian的个人资料 搜索AaronQian在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看AaronQian的博客第6楼
    发贴心情 
    唉，来送你段代码


    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="getSVGDoc(evt)" onzoom="ZoomControl()">
      <title>SVG - Learning By Coding</title>
      <defs>

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

           var svgdoc,svgroot;


           function getSVGDoc(load_evt)
           {
             svgdoc=load_evt.target.ownerDocument;
             svgroot=svgdoc.documentElement;
           }


           function ShowTooltip(mousemove_event)
           {
             var ttrelem,tttelem,posx,posy,curtrans,ctx,cty,txt,ttRect_ico;

             ttrelem=svgdoc.getElementById("ttr");
             tttelem=svgdoc.getElementById("ttt");
             ttRect_ico = svgdoc.getElementById("Rect_ico");

             posx=mousemove_event.clientX;
             posy=mousemove_event.clientY;

             txt="x="+posx+" | y="+posy;
             tttelem.childNodes.item(0).data=txt;

             curtrans=svgroot.currentTranslate;
             ctx=curtrans.x;
             cty=curtrans.y;

             ttRect_ico.setAttribute("x", posx-ctx);
             ttRect_ico.setAttribute("y", posy-cty);
             
             ttrelem.setAttribute("x",posx-ctx);
             ttrelem.setAttribute("y",posy-cty-20);
             
             tttelem.setAttribute("x",posx-ctx+5);
             tttelem.setAttribute("y",posy-cty-8);
             
             ttrelem.setAttribute("width",tttelem.getComputedTextLength()+10);
             
             tttelem.setAttribute("style","fill: #00C; font-size: 11px; visibility: visible");
             ttrelem.setAttribute("style","fill: #FFC; stroke: #000; stroke-width: 0.5px;           visibility: visible");
           }


           function HideTooltip()
           {
             var ttrelem,tttelem;

             ttrelem=svgdoc.getElementById("ttr");
             tttelem=svgdoc.getElementById("ttt");
             ttrelem.setAttribute("style","visibility: hidden");
             tttelem.setAttribute("style","visibility: hidden");
           }


           function ZoomControl()
           {
             var curzoom;

             curzoom=svgroot.currentScale;
             svgdoc.getElementById("tooltip").setAttribute("transform","scale("+1/curzoom+")");
           }
           ]]>
        </script>
      </defs>
      
      <text x="20" y="30" style="cursor: help;fill: #000; font-size: 24px">
        Tooltip bei Mausbewegung anzeigen
      </text>
      <text x="30" y="435" style="cursor: help">help</text>
      <rect x="20" y="50" width="500" height="300" style="cursor: crosshair;fill: #FFF; stroke: #000" onmousemove="ShowTooltip(evt)" onmouseout="HideTooltip()"/>
      
      <g id="tooltip">
        <rect id="ttr" x="0" y="0" rx="5" ry="5" width="100" height="16" style="visibility: visiable"/>
        <rect id="Rect_ico" rx="5" ry="5" x="0" y="0" width="10" height="10" fill="red" style="visibility: visiable"/>
        <text id="ttt" x="0" y="0" style="visibility: visible">dyn. Text</text>
      </g>
    </svg>

    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2009/9/15 11:53:00
     
     raulyao 帅哥哟，离线，有人找我吗？
      
      
      等级：大一新生
      文章：6
      积分：77
      门派：XML.ORG.CN
      注册：2009/3/20

    姓名：(无权查看)
    城市：(无权查看)
    院校：(无权查看)
    给raulyao发送一个短消息 把raulyao加入好友 查看raulyao的个人资料 搜索raulyao在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看raulyao的博客第7楼
    发贴心情 
    太感谢了，我先仔细看看，有问题，就PM你哦
    点击查看用户来源及管理<br>发贴IP：*.*.*.* 2009/9/18 9:35:00
     
     GoogleAdSense
      
      
      等级：大一新生
      文章：1
      积分：50
      门派：无门无派
      院校：未填写
      注册：2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/11/26 9:52:06

    本主题贴数7，分页： [1]

    管理选项： 修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    		 93.750ms