W3CHINA.ORG讨论区--svg的鼠标滚轮事件

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

XML论坛

>>W3CHINA.ORG讨论区<<

计算机科学论坛

SOAChina论坛

Blog

开放翻译计划

新浪微博

首页

软件下载

资料下载

核心成员

帮助

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

[返回] W3CHINA.ORG讨论区 - 语义网·描述逻辑·本体·RDF·OWL → XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → svg的鼠标滚轮事件

◇查看新帖 ◇ 用户列表 ◇

(订阅本版)

您是本帖的第 9622 个阅读者　　

*	贴子主题： svg的鼠标滚轮事件	举报打印推荐 IE收藏夹
	本主题类别:

hfutzhu

  等级：大一(猛啃高等数学)
  文章：31
  积分：160
  门派：XML.ORG.CN
  注册：2008/4/4

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

	楼主

svg的鼠标滚轮事件

如何实现鼠标的滚轮事件,缩放svg图形?????

收藏分享
顶(0)

2008/9/4 14:28:00

hfutzhu

  等级：大一(猛啃高等数学)
  文章：31
  积分：160
  门派：XML.ORG.CN
  注册：2008/4/4

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

	第2楼

看了以前的帖子,说下面的代码可以实现：
function mousewheel()
{
   origscale=root.currentScale;
   origscale +=event.wheelDelta / 1200;
   if (origscale > 0)
   {
      root.currentScale=origscale;
      root.currentTranslate.x=midx*root.currentScale+event.offsetX*(1-root.currentScale/midscale);
   root.currentTranslate.y=midy*root.currentScale+event.offsetY*(1-root.currentScale/midscale);
      midscale=root.currentScale;
   midx=root.currentTranslate.x/root.currentScale;
   midy=root.currentTranslate.y/root.currentScale;
   }
}
不知道该怎么实现？？？/

2008/9/4 14:29:00

hfutzhu

  等级：大一(猛啃高等数学)
  文章：31
  积分：160
  门派：XML.ORG.CN
  注册：2008/4/4

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

	第3楼

怎么回事啊？没人回答！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！

2008/9/11 9:32:00

hfutzhu

  等级：大一(猛啃高等数学)
  文章：31
  积分：160
  门派：XML.ORG.CN
  注册：2008/4/4

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

	第4楼

function zoomInOut(delta) {
if (delta >= 0)
{
   SvgZoomIn()
}
    else

  }

  function wheel(event){
   var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
  delta = event.wheelDelta;
    if (window.opera) delta = -delta;
} else if (event.detail) {
    delta = -event.detail/3;
}
if (delta)
  zoomInOut(delta);
         if (event.preventDefault)
                 event.preventDefault();
          event.returnValue = false;
}

if (window.addEventListener)
window.addEventListener('DOMMouseScroll',wheel,false);
window.onmousewheel = document.onmousewheel = wheel;

function SvgZoomOut()//放大
{
       SVGRoot.currentScale = SVGRoot.currentScale * vScaleFactor;

}
function SvgZoomIn()
{

       SVGRoot.currentScale = SVGRoot.currentScale / vScaleFactor;

}

这样写可以捕捉到滚轮事件,但是放大缩小里的执行不了,哪位兄弟帮忙啊????

2008/9/11 11:06:00

GoogleAdSense

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

	广告

2024/11/30 10:13:03

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

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


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