Raphael hover事件使用
来源:互联网 发布:从零开始学python pdf 编辑:程序博客网 时间:2024/05/08 10:09
Raphael hover就是鼠标悬挺事件,我用Raphael绘制了图形后,希望hover时间被触发,并能显示该图形代表的意义。
假定c是一个circle对象,
var context = { self: this, circle: c, point: pt, lineRatio: line.ratio};//c.hover(this.onHoverNode, null, context, null);c.hover( (function(self, ctx) {return function() { self.onHoverNode(ctx);}; }(this, context)));
这里没有使用Raphael中的icontext参数,我也想,可是不知道怎么用,上面注释掉的那一行就是我想用但没成功的。我还是用了闭包。这样context对象就做为参数传递进来了。不过对性能不太好,特别是circle对象很多的时候。然后在onHover函数中我获取了数据,并显示出来,具体代码和业务逻辑有关,下面仅供参考:
onHoverNode: function (context) { var self = this; var text = self.getTimeString(context.point.x) + ", " + context.point.y.toFixed(2) + "%"; if (!self.curText) {self.curText = self.paper.text(self.toX(self.minX) + self.width / 2 - 30, self.toY(self.minY) + 12, text).attr(self.node_font); } else {self.curText.attr('text', text); }},Raphael的hover事件有个特性,就是this就是最初调用hover函数注册时间的那个对象。这点还是比较方便的。
- Raphael hover事件使用
- hover事件
- 【jQuery】使用hover()方法切换事件
- 【JQuery】使用hover()方法切换事件
- jQuery 使用hover()方法切换事件(参考慕课网)
- jquery hover()事件函数
- JQuery事件之hover
- jQuery hover事件
- jQuery hover事件
- jQuery hover事件
- Jquery---hover事件
- js实现hover事件
- hover鼠标悬停事件
- 延迟hover事件
- 延迟hover事件
- hover事件改编
- Raphael
- 使用Raphael 画图 之 路径
- Ignoring InnerClasses attribute for an anonymous inner class
- Spring MVC 的请求参数获取的几种方法
- C++ STL — 第3章 基本概念
- 使用axis2进行WebService的开发
- 做人10大心机:不能太单纯 适度伪装自己
- Raphael hover事件使用
- 生成一个支持的模块报告
- jQuery表单验证插件 Validation详解
- 为何程序员完成最后20%的工作需要的时间跟之前的80%一样多?
- C++ STL — 第4章 Utilities
- Oracle一个中文汉字占用几个字节
- POJ 1852 Ants
- 信号
- 探秘 widget 之 launcher 添加 widget 的流程分析