中文XML论坛--求教大家，svg的问题，急，希望大家帮忙

新书推介：《语义网技术体系》
作者：瞿裕忠，胡伟，程龚

XML论坛

W3CHINA.ORG讨论区

计算机科学论坛

SOAChina论坛

Blog

开放翻译计划

新浪微博

登录

注册

帮助

>> 本版讨论SVG, GML, X3D, VRML, VML, XAML, AVALON, Batik等基于XML的图形技术，以及有关GIS的应用。

[返回] 中文XML论坛 - 专业的XML技术讨论区 → XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 求教大家，svg的问题，急，希望大家帮忙

◇查看新帖 ◇ 用户列表 ◇

发表一个新主题

发表一个新投票

回复主题

(订阅本版)

您是本帖的第 8897 个阅读者　　

　

*	贴子主题：求教大家，svg的问题，急，希望大家帮忙	举报打印推荐 IE收藏夹
	本主题类别:

raulyao

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：6
  积分：77
  门派：XML.ORG.CN
  注册：2009/3/20

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	楼主

求教大家，svg的问题，急，希望大家帮忙

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

收藏分享
顶(0)

2009/8/6 11:20:00

raulyao

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：6
  积分：77
  门派：XML.ORG.CN
  注册：2009/3/20

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第2楼

自顶下，大家帮忙啊

2009/8/6 12:39:00

raulyao

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：6
  积分：77
  门派：XML.ORG.CN
  注册：2009/3/20

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第3楼

没有高手帮帮忙吗

2009/8/9 22:39:00

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：3
  积分：64
  门派：XML.ORG.CN
  注册：2009/8/27

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第4楼

你得自己写消息响应，用JS写

2009/9/9 15:25:00

raulyao

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：6
  积分：77
  门派：XML.ORG.CN
  注册：2009/3/20

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第5楼

我知道要用js写，不过不知道如何下手

2009/9/15 11:10:00

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：3
  积分：64
  门派：XML.ORG.CN
  注册：2009/8/27

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第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>

2009/9/15 11:53:00

raulyao

帅哥哟，离线，有人找我吗？

  等级：大一新生
  文章：6
  积分：77
  门派：XML.ORG.CN
  注册：2009/3/20

姓名：(无权查看)
城市：(无权查看)
院校：(无权查看)

	第7楼

太感谢了，我先仔细看看，有问题，就PM你哦

2009/9/18 9:35:00

GoogleAdSense

  等级：大一新生
  文章：1
  积分：50
  门派：无门无派
  院校：未填写
  注册：2007-01-01

	广告

2024/5/4 7:12:08

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

管理选项：修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告


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