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();
0 0