Raphael.js API之Raphael.svg(),Element.paper,Element.pause(),Raphael.pathBBox(),Raphael.st,Raphael.el
/*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();