java学习

java学习

 

extjs得到图片的坐标和让图片某一区域可以点击

function getClickScale(event, target, isShowInfo) {
 var imageWidth = target.width;
 var imageHeight = target.height;
 var eventX = event.xy[0];
 var eventY = event.xy[1];

 var scalex = eventX / imageWidth;
 var scaley = eventY / imageHeight;

 var info = '';
 info += 'image (' + imageWidth + ', ' + imageHeight + '), ';
 info += 'click (' + eventX + ', ' + eventY + '), ';
 info += 'scale (' + scalex + ', ' + scaley + ')';
 if (typeof (isShowInfo) != 'undefined' && isShowInfo) {
  alert(info);
 }

 return {
  scalex : scalex,
  scaley : scaley
 };
}

Ext.get('main-navigator-image').on(
     'mousemove',
     function(event, target, obj) {
      var scale = getClickScale(event, target);
      target.style.cursor = '';
      for ( var i = 0; i < areas.length; i++) {
       var area = areas[i];
       if (isInRect(scale.scalex, scale.scaley,
         area.p1.scalex, area.p1.scaley,
         area.p2.scalex, area.p2.scaley)) {
        target.style.cursor = 'pointer';
        break;
       }
      }
     });
  });

posted on 2013-05-16 21:33 杨军威 阅读(121) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜