新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   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将某个元素点击放大,并将点击点移到画面中央 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 5287 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: [求助]关于svg将某个元素点击放大,并将点击点移到画面中央 举报  打印  推荐  IE收藏夹 
       本主题类别:     
     zz2119_cn 帅哥哟,离线,有人找我吗?
      
      
      等级:大一新生
      文章:6
      积分:70
      门派:XML.ORG.CN
      注册:2009/3/6

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给zz2119_cn发送一个短消息 把zz2119_cn加入好友 查看zz2119_cn的个人资料 搜索zz2119_cn在『 SVG/GML/VRML/X3D/XAML 』的所有贴子 引用回复这个贴子 回复这个贴子 查看zz2119_cn的博客楼主
    发贴心情 [求助]关于svg将某个元素点击放大,并将点击点移到画面中央

    下面这段代码是我从网上找的,但是运行时会报错,
      svgE.currentScale = (svgE.currentScale * vScaleFactor);
    “未知错误”,大家帮我看看是什么原因?
    是不是currentScale,不能这样赋值?

    var svgDoc;
    var svgE;
    var bW = CliWidth - 300 - 10;
    var bH = CliHeight - 50 - 10;
    var vScaleFactor = 2;
    function initsvg(evt) {

        svgDoc = evt.target.ownerDocument;
        svgE = svgDoc.getElementById('mainview');
        
        
        
    //    svgDoc = document.all("mapdiv").getSVGDocument();
    //    svgE = svgDoc.getDocumentElement();
        svgE.addEventListener("click", evt_Click, false);
    }

    //点击放大,并将点击点移到画面中央
    function evt_Click(evt) {
        var scale = 1.0000 / svgE.getCurrentScale();
        var trx = svgE.getCurrentTranslate().getX();
        var try1 = svgE.getCurrentTranslate().getY();
        var curCoordx = scale * (evt.getClientX() - trx);
        var curCoordy = scale * (evt.getClientY() - try1);
        //zoomin

         svgE.currentScale = (svgE.currentScale * vScaleFactor);
        
        //pan to center
        scale = 1.0000 / svgE.getCurrentScale();
        cX = -svgE.currentTranslate.x * scale + (bW * scale / 2)
        cY = -svgE.currentTranslate.y * scale + (bH * scale / 2)

        offsetX = curCoordx - cX;
        offsetY = curCoordy - cY;
        var x = svgE.currentTranslate.x;
        var y = svgE.currentTranslate.y;
        svgE.currentTranslate.x = svgE.currentTranslate.x - offsetX / scale;
        svgE.currentTranslate.y = svgE.currentTranslate.y - offsetY / scale;
    }


       收藏   分享  
    顶(0)
      




    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2009/3/9 19:51: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/10/31 23:18:29

    本主题贴数1,分页: [1]

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