zoukankan      html  css  js  c++  java
  • 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();
  • 相关阅读:
    Struts1防止重复提交
    Jquery真的不难
    原生Ajax 和Jq Ajax
    JAVA调用Oracle存储过程
    Oracle存储过程包含三部分:过程声明,执行过程部分,存储过程异常。
    回到基础:封装集合
    如何摆脱工具类
    泛型的古怪与优雅
    Spring MVC + Hibernate + Maven: Crud操作示例
    JDBC性能小贴
  • 原文地址:https://www.cnblogs.com/MedivhQ/p/3868773.html
Copyright © 2011-2022 走看看