|
|||||||
Raphael Javascript 是一个 Javascript的矢量库。
2010年6月15日，著名的JavaScript库ExtJS与触摸屏代码库项目jQTouch，以及SVG、VML处理库Raphael合并，形成新的库Sencha。主要应对HTML5等新趋势，加强丰富图形和触摸屏功能的重要举措。
Raphael Javascript 的创始人 Dmitry Baranovskiy也加入ExtJS。
ExtJS 是一个强大的Javascript 框架，它重组件化，很容易做出强大的、可媲美客户端的界面（这个框架是收费的，所以国内用的人比jQuery少多了）。
jQTouch 是一个 jQuery 的插件，主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。
Raphael Javascript 的作者就是大名鼎鼎的前端大牛 Dmitry Baranovskiy。
他出过几wangyuanwai.comcript 题目:《你真的已经搞懂JavaScript了吗？》
英文原版官网：http://raphaeljs.com
Raphael Javascript可以处理SVG、VML格式的矢量图。
它使用SVG W3C推荐标准和VML作为创建图形的基础，你可以用Javascript 操作Dom 很容易的创建出复杂的柱状图、走势图、曲线图等各种图表，可以画图，可以画出任意复杂度的图像，以及图表或图像裁剪和旋转等复杂操作。
Raphael Javascript 目前支持的浏览器有：
Firefox 3.0+
Chrome 3.0+
Safari 3.0+
Opera 9.5+
Internet Explorer 6.0+
PS：新版本的遨游、QQ浏览器、TT浏览器（已经被腾讯放弃了）、猎豹浏览器、360浏览器 的内核都是 webkit（ Chrome 就是Webkit ），至于别的国产浏览器，都是在Internet Explorer 外面嵌套了一层壳而已
莫等闲白了少年头。
活着，就要改变世界。
创建现有的动画对象的副本，并且可以指定延迟时间。
参数
返回： object 新的动画对象
var anim = Raphael.animation({cx: 10, cy: 20}, 2e3);
circle1.animate(anim); // 立即执行
circle2.animate(anim.delay(500)); // 0.5秒之后再执行
创建现有动画对象的副本，并指定重复频率。
参数
如果传入 0，表示动画会一直执行返回： object 新的动画对象
为指定元素创建动画，并执行。
参数
cubic-bezier(XX,
XX, XX, XX)
或
返回： object 原始元素
作用与 Element.animate 类似，但保证动画与另一元素的同步执行。
参数
cubic‐bezier(XX,
XX, XX, XX)
或
返回： object 原始元素
设置元素的属性。
参数
或
或
或
返回： object Element ，如果传入 attrsName 和 value 或者 params。
返回： ... 属性的值，如果只有attrsName被传入。
返回： array 属性值的数组，如果 attrsNames被传入。
返回： object 属性对象，如果没有传入任何参数。
可能的参数
请参阅解释这些参数的SVG规范 。
<type>[-<width>[-<length>]]。可能的类型：classic、block、open、oval、diamond、none，宽：wide、narrow、midium，长：long 、short、midium。
-”, “.”, “-.”, “-..”, “.
”, “- ”, “--”, “-
.”, “--.”, “--..”]
butt”, “square”, “round”]
bevel”, “round”, “miter”]
\n换行
start”, “middle”, “end”]，默认为 “middle”
线性渐变
线性渐变的格式：“‹angle›-‹colour›[-‹colour›[:‹offset›]]*-‹colour›”，例如：“90-#fff-#000”90°线性渐变从白色到黑色；“0-#fff-#f00:20-#000” 0°从白色通过红色（20％位置）渐变为黑色。
径向渐变：“r[(‹fx›,
‹fy›)]‹colour›[-‹colour›[:‹offset›]]*-‹colour›”，例如：“r#fff-#000”从白色到黑色；“r(0.25,
0.75)#fff-#000”从白色渐变到黑色，焦点在0.25，0.75。焦点坐标的外围是0 .. 1。径向渐变只适用于圆形和椭圆形。
路径字符串
请参考SVG文件路径字符串 ，Raphael完全支持它。
颜色解析
red“，“green“，“cornflowerblue“等）#000”，“#fc0”等）#000000”，“#bd2300”）rgb(200, 100, 0)”）rgb(100%, 175%, 0%)”）rgba(200, 100, 0, .5)”）rgba(100%, 175%, 0%, 50%)”）hsb(0.5, 0.25, 1)”）hsl(240deg, 1, .5)”，或者“hsl(240°, 1, .5)”返回： object 给定的元素的一个克隆元素
添加或检索与给定的键关联的值。请参照：Element.removeData
参数
返回：object元素
或者，如果该值未指定：
返回： any 值
用法
for (var i = 0, i <
5, i++) {
paper.circle(10 + 15 * i,
10, 10)
.attr({fill: "#000"})
.data("i", i)
.click(function () {
alert(this.data("i"));
});
}
为元素添加drag事件的处理程序。
参数
下面额外的drag事件会被触发：开始时drag.start.<id>；结束时drag.end.<id>；每次移动时drag.move.<id>。当元素被拖入了另一个元素drag.over.<id>将被触发。
拖拽开始事件和拖拽开始处理函数将在指定的环境内调用，或在包含以下元素的环境内调用：
移动事件和移动处理函数将在指定的环境内调用，或在包含以下元素的环境内调用：
拖拽结束事件和拖拽结束处理函数将在指定的环境内调用，或在包含以下元素的环境内调用：
返回：object元素
返回指定元素的边界框
参数
true。默认值为 false。返回： object 边界框对象：
返回在指定路径上指定长度的坐标点。只适用于“路径”类型的元素。
参数
返回： object 名称：值
返回在指定路径上指定长度定子路径。只适用于“路径”类型的元素。
参数
返回： string 段的路径字符串
返回路径的长度，以像素为单位。只适用于“路径”类型的元素。
返回： number 长度。
为指定元素添加类似光晕的效果，返回创建的光晕元素组。请参照：Paper.set.
注：光晕不与元素关联。如果你改变元素的属性，它并不会自我调整。
参数
10
false
0.5
0
0
black
返回： object 表示光晕的元素组，请参照：Paper.set
隐藏指定元素。请参照：Element.show.
返回：object元素
为元素增加hover事件的处理程序。
参数
返回：object元素
元素的唯一的ID。当你要监听元素的事件时尤其有用。因为所有的事件被以下面的格式触发：<module>.<action>.<id> 。对Paper.getById方法也有用。
在指定对象后插入当前对象。
返回：object元素
在指定对象前插入当前对象。
返回：object元素
确定指定点在当前元素的形状内
参数
返回： boolean true 如果点在形状内
矩阵对象，它代表元素的变换
层次结构中的下一个元素的引用。
DOM对象的引用。
用法
// 在画布上，画一个圆，圆心坐标为：X:10 , Y:10 ,圆的半径：10
var c = paper.circle(10, 10, 10);
c.node.onclick = function () {
c.attr("fill", "red");
};
绘制对象的“画布”的内部引用。主要用于插件和元素扩展。
用法
Raphael.el.cross = function () {
this.attr({fill: "red"});
this.paper.path("M10,10L50,50M50,10L10,50")
.attr({stroke: "red"});
}
暂停执行动画，稍后可以恢复执行。
参数
返回： object 原始元素
层次结构中前一个元素的引用。
Raphael对象的内部引用。即使它目前不可用。
用法
Raphael.el.red = function () {
var hsb = this.paper.raphael.rgb2hsb(this.attr("fill"));
hsb.h = 1;
this.attr({fill: this.paper.raphael.hsb2rgb(hsb).hex});
}
从画布上移除元素。
建议不要使用！使用Element.transform代替。围绕指定的点旋转指定角度。
参数
如果cx和cy没有指定，形状的中心将作为旋转中心。
返回：object元素
建议不要使用。使用Element.transform代替。为元素添加缩放。
参数
如果cx和cy没有指定，则使用形状的中心。
返回：object元素
以毫秒为单位给元素设置动画的状态。类似Element.status方法。
参数
返回： object 如果value被指定则返回原始元素
请注意，在动画过程中会触发下列事件：
在每个动画帧anim.frame.<id> ，在开始时
anim.start.<id>结束时anim.finish.<id> 。
使元素可见。请参照：Element.hide 。
返回：object元素
获取或设置元素的动画状态。
参数
返回： number 状态
或
返回： array 状态，如果anim未指定。对象数组：
或
返回： object 如果value被指定则返回原始元素
停止执行动画。
参数
返回： object 原始元素
将元素向下移动。
返回：object元素
将元素向上移动。
返回：object元素
为元素增加变换，这是独立于其他属性的变换，即变换不改变矩形的x或y。变换字符串跟路径字符串的语法类似：
"t100,100r30,100,100s2,2,100,100r45s1.5"
每个字母是一个命令。有四个命令：t是平移，r是旋转，s是缩放，m是矩阵。
也有另类的“绝对”平移、旋转和缩放：T、R和S。他们不会考虑到以前的变换。例如：...T100,0总会横向移动元素100px，而...t100,0会移动垂直移动如果之前有r90。比较以下r90t100,0和r90T100,0的结果。
所以，上面的例子可以读作“平移100,100；围绕100,100旋转30°；围绕100,100缩放两倍；围绕中心旋转45°；相对中心缩放1.5倍“。正如你可以看到旋转和缩放命令的原点坐标为可选参数，默认的是该元素的中心点。
矩阵接受六个参数。
用法
var el = paper.rect(10, 20, 300, 200);
// 转换 100, 100, 旋转 45°, 转换 -100, 0
el.transform("t100,100r45t-100,0");
// 可以追加，或者预先转换
el.transform("...t50,50");
el.transform("s2...");
// 或者包裹
el.transform("t50,50...t-50-50");
// 重置转换
el.transform("");
// 获取不带参数的当前值
console.log(el.transform());
参数
如果未指定 tstr
返回： string 转换字符串
else
返回：object元素
移除元素的drag事件处理程序。
返回矩阵的副本
返回： object 矩阵
返回矩阵的反转版本
返回： object 矩阵
旋转矩阵
参数
缩放矩阵
参数
将矩阵分割成简单的变换
返回： object 格式：
返回转换字符串
返回： string 转换字符串
平移矩阵
参数
导入JSON格式的元素。格式：{type: type, <attributes>}
参数
返回 object 导入的元素集合
用法
paper.add([
{
type: "circle",
cx: 10,
cy: 10,
r: 5
},
{
type: "rect",
x: 10,
y: 10,
width: 10,
height: 10,
fill: "#fc0"
}
]);
指向画布上的底层元素
绘制一个圆。
参数
返回： object Raphael元素对象，类型为“圆”
用法
var c = paper.circle(50, 50, 40);
清空画布，即删除所有画布上的元素。
你可以添加自定义属性来方便设置一批属性：
用法
paper.customAttributes.hue = function (num) {
num = num % 1;
return {fill: "hsb(" + num + ", 0.75, 1)"};
};
// 自定义属性 “hue” 会改变填充
// 得到固定的色相与饱和度和亮度。
// 可以这样：
var c = paper.circle(10, 10, 10).attr({hue: .45});
// 甚至这样：
c.animate({hue: 1}, 1e3);
// 你也可以创建自定义属性
// 也可以多个参数
paper.customAttributes.hsb = function (h, s, b) {
return {fill: "hsb(" + [h, s, b].join(",") + ")"};
};
c.attr({hsb: "0.5 .8 1"});
c.animate({hsb: [1, 0, 0.5]}, 1e3);
绘制一个椭圆。
参数
返回： object Raphael元素对象，类型为“椭圆”
用法
var c = paper.ellipse(50, 50, 40, 20);
为画布上每个元素执行指定函数
如果回调函数返回false则会停止循环。
参数
返回： object 画布对象
用法
paper.forEach(function (el) {
el.attr({ stroke: "blue" });
});
返回匹配指定ID的元素。
参数
返回： object Raphael元素对象
返回位于指定位置的最上层元素
返回： object Raphael元素对象
参数
用法
paper.getElementByPoint(mouseX, mouseY).attr({stroke: "#f00"});
根据指定的参数从注册字体中获取字体对象。您可以只指定字体名称中的一部分，像“Myriad”，“Myriad Pro”。
参数
返回： object 字体对象
用法
paper.print(100, 100, "Test
string", paper.getFont("Times", 800), 30);
嵌入一张图像。
参数
返回： object Raphael元素对象，类型为“图像”
用法
var c = paper.image("apple.png", 10, 10, 80, 80);
由指定的路径字符串创建一个路径元素。
参数
路径字符串由一个或多个命令组成。每个命令以一个字母开始，随后是逗号（“,”）分隔的参数。例如：
"M10,20L30,40"
我们看到两个命令：“M”与参数(10, 20)和“L”与参数(30, 40)大写字母的意思是命令是绝对的，小写是相对的。
这里是可用命令的简表，详细内容请参照：SVG路径字符串格式 。
| 命令 | 名称 | 参数 |
|---|---|---|
| M | 移动到（moveTo） | (x y)+ |
| Z | 闭合路径（closepath） | (none) |
| L | 直线（lineTo） | (x y)+ |
| H | 水平直线 | x+ |
| V | 垂直直线 | y+ |
| C | 曲线（curveto） | (x1 y1 x2 y2 x y)+ |
| S | 平滑曲线 | (x2 y2 x y)+ |
| Q | 二次贝赛尔曲线 | (x1 y1 x y)+ |
| T | 平滑二次贝塞尔曲线 | (x y)+ |
| A | 椭圆弧 | (rx ry x-axis-rotation large-arc-flag sweep-flag x y)+ |
| R | Catmull-Rom 曲线* | x1 y1 (x y)+ |
* “Catmull-Rom 曲线”不是标准SVG命令，在2.0版时被加入。 注：有种特殊情况，路径只包含三个命令：“M10,10R…z”。在这种情况下，路径将平滑连接到它的起点。
用法
var c = paper.path("M10 10L90 90");
// draw a diagonal line:
// move to 10,10, line to 90,90
路径字符串的例子可以查看这些图标：http://lab.wangyuanwai.com/raphael-js/docs/icons/icons.html
创建路径，表示指定字体，指定大小，在指定位置的指定文本。该方法的结果是路径元素，它包含整个文本作为一个单独的路径。
参数
16
"baseline"或"middle" ，默认为"middle"
-1..1 ，默认为0
返回： object 产生的路径元素，其中包括所有字母
用法
var txt = r.print(10, 50, "print", r.getFont("Museo"), 30).attr({fill:
"#fff"});
指向Raphael对象
绘制一个矩形。
参数
返回： object Raphael元素对象，类型为“矩形”
用法
// 规则的矩形
var c = paper.rect(10, 10, 50, 50);
// 带圆角的矩形
var c = paper.rect(40, 40, 50, 50, 10);
从DOM中删除的画布。
修复Firefox和IE9的像素渲染的问题。如果画布依赖于其他元素，换行后，它可能会移动半像素导致线条失去细节。这个方法解决此问题。
Safari（WebKit）有一个不方便的渲染错误：有时需要强制渲染。此方法对于处理此错误应该有帮助。
创建类数组对象，保存和一次操作其中的多个元素。警告：它不创建任何元素，只是分组已存在的元素。“集合”充当伪元素 - 所有元素可用的方法，都可以在集合上使用。
返回： object 类数组对象表示元素集合
用法
var st = paper.set();
st.push(
paper.circle(10, 10, 5),
paper.circle(30, 10, 5)
);
st.attr({fill: "red"}); // 改变两个圆的填充
请参照：Paper.setStart 。此方法结束捕获并返回元素集合。
返回： object 集合
改变画布尺寸
参数
创建Paper.set 。调用此方法之后到调用 Paper.setFinish方法之前创建的所有元素都会被添加到集合内。
用法
paper.setStart();
paper.circle(10, 10, 5),
paper.circle(30, 10, 5)
var st = paper.setFinish();
st.attr({fill: "red"}); // 改变两个圆的填充
设置画布的视框。实际上，你可以通过指定新的边界来缩放和平移整个画布。
参数
0
0
true，如果你想要图形适应新的边界框绘制一个文本字符串。如果你需要换行，使用“\n”。
参数
返回： object Raphael元素对象，类型为“文本”
用法
var t = paper.text(50, 50, "魏翼超然!\n ./");指向画布上的顶端元素
创建一个画布对象用来绘制。你必须第一步就这么做，该实例将来调用的所有绘图方法都被绑定到这个画布。
参数
或
或
或
undefined。返回： object 画布
用法
// 每个示例都创建一个画布
// 画布的尺寸是：宽 320px x 高 200px.
// 画布开始于 10,50 .
var paper = Raphael(10, 50, 320, 200);
// 画布开始于 左上角，并且在 id=“notepad” 的元素里面创建
// (注意：当节点有属性： dir="rtl"，会从右上角开始创建)
var paper = Raphael(document.getElementById("notepad"), 320, 200);
// 同上
var paper = Raphael("notepad", 320, 200);
// 图像
var set = Raphael(["notepad", 320, 200, {
type: "rect",
x: 10,
y: 10,
width: 25,
height: 25,
stroke: "#f00"
}, {
type: "text",
x: 30,
y: 40,
text: "Dump"
}]);
返回两个或三个点之间的角度
参数
返回： number 度角
创建一个动画对象可以传递给Element.animate或Element.animateWith方法。请参照：Animation.delay和Animation.repeat。
参数
cubic-bezier(XX,
XX, XX, XX)
返回： object 动画
返回指定三次贝赛尔曲线的边界框
参数
或
返回： object 点，格式：
解析指定颜色字符串并返回包含全部值的颜色对象。
参数
返回： object RGB 和 HSB 组合对象：
true，如果无法解析字符串,
返回RFC4122，第4版ID
弧度转角度
参数
返回： number 角度值
对象，其中包含动画过渡公式。你可以自己扩展。默认情况下，它含有以下过渡：
请参照：过渡示例.
你可以给元素添加自己的方法。当你要修改默认功能或要在一个方法中包装一些常见的变换或属性，这很有用。与画布方法不同，你可以随时重新定义元素的方法。扩展元素的方法，不会影响元素集合。
用法
Raphael.el.red = function () {
this.attr({fill: "#f00"});
};
// 开始使用参数
paper.circle(100, 100, 20).red();
在给定的三次贝赛尔曲线上查找给定位置的点的坐标。
参数
返回： object 点，格式：
你可以为画布添加你自己的方法。例如：如果你想画一个饼图，可以创建自己的饼图函数然后作为Raphael插件。要这么做，你需要扩展Raphael.fn对象。您应该在Raphael实例被创建之前修改fn对象，否则将没有任何效果。请注意：Raphael2.0移除了为插件提供命名空间的功能。应该由插件确保命名空间负责保证适当的环境的安全。
用法
Raphael.fn.arrow = function (x1, y1, x2, y2, size) {
return this.path( ... );
};
// 或者创建命名空间
Raphael.fn.mystuff = {
arrow: function () {…},
star: function () {…},
// etc…
};
var paper = Raphael(10, 10, 630, 480);
// 开始使用
paper.arrow(10, 10, 30, 30, 5).attr({fill: "#f00"});
paper.mystuff.arrow();
paper.mystuff.star();
简单的格式化功能。将“ {<number>} “结构替换为相应的参数。
参数
返回： string 经过格式化的字符串
用法
var x = 10,
y = 20,
width = 40,
height = 50;
// 将会绘制一个矩形，它的效果等同于： "M10,20h40v50h-40z"
paper.path(Raphael.format("M{0},{1}h{2}v{3}h{4}z", x, y, width, height,
-width));
比Raphael.format更先进一点点的格式化功能。将“
{<name>} “结构替换为相应的参数。
参数
返回： string 经过格式化的字符串
用法
//将会绘制一个矩形，它的效果等同于： "M10,20h40v50h-40z"
paper.path(Raphael.fullfill("M{x},{y}h{dim.width}v{dim.height}h{dim['negative width']}z", {
x: 10,
y: 20,
dim: {
width: 40,
height: 50,
"negative width": -40
}
}));
复位色谱位置 Raphael.getColor
返回位于路径上给定长度的点的坐标。
参数
返回： object 点：
将颜色字符串解析为RGB对象
参数
red“，“green“，“cornflowerblue“等）#000”，“#fc0”等）#000000”，“#bd2300”）rgb(200, 100, 0)”） RGB（•••••••••） -红色，绿色和蓝色通道值（ rgb(200, 100, 0)
rgb(100%, 175%, 0%)”）hsb(0.5, 0.25, 1)”）返回： object RGB对象，格式：
从指定路径获取一段子路径，指定起始和结束位置。
参数
返回： string 段的路径字符串
返回在指定路径的长度（像素）。
参数
返回： number 长度
HSB值转换为十六进制颜色。
参数
返回： string 颜色的十六进制表示。
HSB值转换为RGB对象。
参数
返回： object RGB对象，格式：
HSL值转换为十六进制颜色。
参数
返回： string 颜色的十六进制表示。
HSL值转换为RGB对象。
参数
返回： object RGB对象，格式：
代替typeof操作符。
参数
返回： boolean 指定值是指定的类型
返回true ，如果两个边界框相交
参数
返回： boolean true，如果它们相交
返回true，如果给定的点在边界框内。
参数
返回： boolean true，如果点在边界框内
返回true，如果指定的点在给定的封闭路径内。
参数
Returns: boolean true，如果点在闭合路径内
如果你不想保留Raphael的痕迹（Raphael只创建一个全局变量Raphael），可使用ninja方法。请注意，在这种情况下，插件可能会停止工作，因为它们依赖全局变量的存在。
返回： object Raphael对象
用法
(function (local_raphael) {
var paper = local_raphael(10, 10, 320, 200);
…
})(Raphael.ninja());
将指定路径字符串解析成一个数组，其中的元素是路径段数组。
参数
返回： array 路径段数组。
解析指定路径字符串为变换数组。
参数
返回： array 变换数组。
将指定路径转换为新路径，新路径的所有片段都是三次贝赛尔曲线。
参数
返回： array 路径段数组
返回指定路径的边界框
参数
返回： object 边界框
查找两条路径的交点
参数
Returns: array 交点
将路径转换为相对形式
参数
返回： array 路径段数组组成的数组
角度转弧度
参数
Returns: number 弧度值。
给Raphael字体注册指定字体。应当作为Cufón字体文件的内部调用。返回原来的参数，所以它可以链式操作。
关于Cufón如何从TTF，OTF等转换字体形式到JavaScript文件参数
返回： object 传入的字体
用法
Cufon.registerFont(Raphael.registerFont({…}));
将RGB值转换为十六进制颜色。
参数
返回： string 颜色的十六进制表示。
将RGB值转换为HSB对象。
参数
返回： object HSB对象，格式：
将RGB值转换为HSL对象。
参数
返回 object HSL对象，格式：
需要在<iframe>绘制时使用。切换窗口为iframe。
参数
将给定值对齐到指定网格。
参数
10 。返回： 数量 经过调整的值。
你可以为元素和集合添加自己的方法。为给元素添加的每个方法写一个集合方法是明智的，你就可以在集合上调用同样的方法。请参照：Raphael.el 。
用法
Raphael.el.red = function () {
this.attr({fill: "#f00"});
};
Raphael.st.red = function () {
this.forEach(function (el) {
el.red();
});
};
// 使用
paper.set(paper.circle(100, 100, 20),
paper.circle(110, 100, 20)).red();
如果浏览器支持SVG则为true。
返回指定路径经过指定变换后的路径
参数
返回： string 路径
可以是“SVG”，“VML”或为空，依赖于浏览器的支持。
true，如果浏览器支持VML。
移除集合中的全部元素
从集合中删除指定元素
参数
Returns: boolean true，如果对象存在并且 已经被删除
为集合中的每个元素执行指定函数。
如果函数返回false则停止循环运行。
参数
返回： 对象集合对象
删除最后一个元素并返回它。
返回： object 元素
加入一个元素
返回： object 原始元素
从集合中删除指定元素
参数
Returns: object 被删除的元素
使用指定的name、作用域和参数触发事件。
参数
.）或斜线（/）分隔Returns: object 监听器返回值组成的数组
内部方法，返回监听指定name事件的回调函数组成的数组。
参数
.）或斜线（/）分隔返回： array 事件处理程序的数组
在事件处理程序内使用，可以获取事件的实际名称。
参数
返回： string 名称的事件，如果没有指定subname
或
返回： boolean true ，如果当前事件的名称中包含subname
从指定名称的事件监听器列表中删除指定的函数。
参数
.）或斜线（/）分隔，可以用通配符为给定的名称绑定一个事件处理程序。可以在名称中使用通配符“ * “：
eve.on("*.under.*", f);
eve("mouse.under.floor"); // 触发 f
使用eve触发监听。
参数
.）或斜线（/）分隔，可以用通配符返回： function 返回的函数接受一个数字参数，表示处理程序的z-index。这是一个可选功能，只有当你需要使用，以确保处理程序的一些子集被设置为特定的调用顺序，而不使用指派顺序。
例如：
eve.on("mouse", eat)(2);
eve.on("mouse", scream);
eve.on("mouse", catch)(1);
这将确保catch函数将被在eat 之前调用。如果你想要把你的处理程序放在未索引的处理程序之前，指定一个负值。注：我假设大部分的时间你不需要担心的z-index，但很高兴有此功能来“以防万一”。
为给定的名称绑定一个一次性事件处理程序。只运行一次，然后解除本身。
eve.once("login", f);
eve("login"); // 触发 f
eve("login"); // 没有监听
使用eve触发监听。
参数
.）或斜线（/）分隔，可以用通配符返回： function 与eve.on返回的函数类似
用于在事件处理程序内停止事件，防止触发任何后续监听器。
请参照：eve.off
当前库的版本。