Raphael.js API之Raphael.svg(),Element.paper,Element.pause(),Raphael.pathBBox(),Raphael.st,Raphael.el
来源:互联网 发布:分布式数据采集系统 编辑:程序博客网 时间:2024/06/11 11:06
/*API-151*/
Raphael.svg();
查看浏览器是否支持svg
返回类型:布尔类型
/*API-34*/
Element.paper
元素多对应的画布。主要用于插件和可拓展元素。
示例://没使用过不做过多解释
Raphael.el.cross = function ()
{
this.attr({fill: "red"});
this.paper.path("M10,10L50,50M50,10L10,50")
.attr({stroke: "red"});
}
/*API-35*/
Element.pause([anim])
使停止的动画继续工作
参数列表:
anim
可选参数
Object类型
动画对象
返回值:所选元素对象
/*API-140*/
Raphael.pathBBox(path)
给出一条路径的边界框
参数列表:
path
字符串类型
path的string表现形式 如:"M10,10L50,50M50,10L10,50"
返回值:边界框对象 格式如下:
{
x number类型 边框左上点x坐标
y number类型 边框左上点y坐标
x1 number类型 边框右下角x坐标
y2 number类型 边框右下角y坐标
width number类型 边框宽度
height number类型 边框高度
}
/*API-150*/
Raphael.st
为所有元素和数组添加自己的方法。这是一个很好的方法让你去控制元素和数组。
示例:
/*
为单个元素添加自定义方法
*/
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();
这样画出的圆的填充色为红色
/*API-115*/
Raphael.el
可以添加自己的方法或元素。当你想为一些共有属性或方法添加一个通用方法的时候,这是非常有用的。
示例:
Raphael.el.red = function ()
{
this.attr({fill: "#f00"});
};
paper.circle(100, 100, 20).red();
Raphael.svg();
查看浏览器是否支持svg
返回类型:布尔类型
/*API-34*/
Element.paper
元素多对应的画布。主要用于插件和可拓展元素。
示例://没使用过不做过多解释
Raphael.el.cross = function ()
{
this.attr({fill: "red"});
this.paper.path("M10,10L50,50M50,10L10,50")
.attr({stroke: "red"});
}
/*API-35*/
Element.pause([anim])
使停止的动画继续工作
参数列表:
anim
可选参数
Object类型
动画对象
返回值:所选元素对象
/*API-140*/
Raphael.pathBBox(path)
给出一条路径的边界框
参数列表:
path
字符串类型
path的string表现形式 如:"M10,10L50,50M50,10L10,50"
返回值:边界框对象 格式如下:
{
x number类型 边框左上点x坐标
y number类型 边框左上点y坐标
x1 number类型 边框右下角x坐标
y2 number类型 边框右下角y坐标
width number类型 边框宽度
height number类型 边框高度
}
/*API-150*/
Raphael.st
为所有元素和数组添加自己的方法。这是一个很好的方法让你去控制元素和数组。
示例:
/*
为单个元素添加自定义方法
*/
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();
这样画出的圆的填充色为红色
/*API-115*/
Raphael.el
可以添加自己的方法或元素。当你想为一些共有属性或方法添加一个通用方法的时候,这是非常有用的。
示例:
Raphael.el.red = function ()
{
this.attr({fill: "#f00"});
};
paper.circle(100, 100, 20).red();
0 0
- Raphael.js API之Raphael.svg(),Element.paper,Element.pause(),Raphael.pathBBox(),Raphael.st,Raphael.el
- Raphael.js API之 Element.raphael,Paper.raphael,Paper.print()
- Raphael.js API之Raphael.pathIntersection(),Raphael.pathToRelative(),Set.clear(),Set.exclude(element)
- Raphael
- Raphael.js API之Paper.image(),Element.animate()
- Raphael.js API之 Paper.path(),Element.click()
- Raphael.js API 之 Element.attr()
- Raphael.js API之 Raphael.getTotalLength(),Raphael.fn
- Raphael.js API之Raphael.angle(),Raphael.rad(), Paper.customAttributes,Paper.renderfix()
- Raphael.js API之Element.clone(),Element.data(),Element.dblclick()
- Raphael.js API 之Element.remove(),Element.removeData(),paper.text(),Element.node(),Element.onDragOver
- Raphael.js API之Element.id,Element.insertAfter(),Element.insertBefore(),Element.hide(),Paper.clear(),
- Raphael.js API 之Element.unclick(),Paper.add(),Paper.rect(),Element.status()
- Raphael.js API之Element.unXXX(),Paper.getElementByPoint(),Paper.getElementsByPoint(),vee(),Element.ge
- Raphael.js API之Element.drag(),Element.toBack()
- Raphael.js API之 Animation.delay(),Animation.repeat(),Element.animateWith()
- Raphael.js API之Raphael.getPointAtLength(),Paper.forEach(),Paper.remove(),Paper.set(),Paper.setStart(
- Raphael.js API之Element.mousedown(),Element.mousemove(),Element.mouseup(),Element.mouseout(),Element.
- Any CPU,x86,x64
- Linux high performance:http请求的读取和分析
- NSString的比较方法,开始我准备使用NSPredicate的
- Android 内存溢出解决方案(OOM) 整理总结
- ext2和ext3文件系统
- Raphael.js API之Raphael.svg(),Element.paper,Element.pause(),Raphael.pathBBox(),Raphael.st,Raphael.el
- svn服务端及客户端搭建(WINDOWS)
- 1、C语言100个经典算法(一)
- C++ 启示录
- C++中的static关键字
- Appium IOS 自动化测试
- iOS应用程序的执行周期
- RESTful web service study
- android调camera api预览