首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

svg text参照

2012-09-01 
svg text参考http://www.w3.org/TR/SVG11/text.html#TextElement4.4 坐标的显示在每个g图层中加入onmous

svg text参考
http://www.w3.org/TR/SVG11/text.html#TextElement

4.4 坐标的显示
    在每个<g>图层中加入onmousemove="changeText(evt)",通过javascript编写changeText(evt)函数,从而实现图形坐标的显示。
function changeText(evt)
{
   targetXtext=svgDocument.getElementById("XPos");
   targetYtext=svgDocument.getElementById("YPos");
   var XPos = evt.getClientX();
   var YPos = evt.getClientY();

   var newXPosText = svgDocument.createTextNode("X 坐标 : " + XPos);
   var newYPosText = svgDocument.createTextNode("Y 坐标 : " + YPos);
targetXtext.replaceChild(newXPosText,targetXtext.getFirstChild());
targetYtext.replaceChild(newYPosText,targetYtext.getFirstChild());
}

地图的缩放、平移和还原
function OriginView() 
{
RecordViewBox();  
var docSVG = document.HUNNUWebGIS_SVG.getSVGDocu ment();
var eSVG = docSVG.getDocumentElement();
var originView = "0 0 600 500";
eSVG.setAttribute("viewBox",originView);

热点排行