zoukankan      html  css  js  c++  java
  • Raphael.js API之Paper.image(),Element.animate()

    /*API-6*/
    Element.animate()
    为给定的元素创建和启动动画
    参数列表:
    1:参数
        Object类型
        为最终的元素设置属性[比如在Element.drag()中的onend事件中设置元素属性:
            function onend()
            {
                this.animate({"fill-opacity": 1}, 300);
            }]
    2:ms
        number类型,动态语言将原生数据类型除了布尔类型归于number类型
        动画执行时间,以毫秒计数
    3:easing
        可选参数
        字符串类型 string
        宽松的属性设置,如CSS
    4:回收
        可选参数
        function
        在完成动画之后执行
        
    animation中有方法可以代替此方法
    返回类型:对象原始元素 Object original element

    /*API-92*/
    Paper.image()
    Paper.image(src,x,y,width,height)
    嵌入一个图片到画纸上
    参数列表:
    src 路径
        字符串 string
        图片的URL
    x   
        number类型
        需要嵌入位置的x坐标
    y
        number类型
        需要嵌入位置的y坐标
    width
        number类型
        设置图片显示宽度
    height
        number类型
        设置图片显示高度
    返回值:拥有type为image属性的Raphael的对象
    示例:var iamge = paper.image("example.png",10,10,80,80);
        


       
  • 相关阅读:
    系统学习(javascript)_基础(语法)
    系统学习(javascript)_基础(数据类型之间的转换)
    系统学习(javascript)_基础(数据类型一)
    npm_一个有意思的npm包
    java_环境安装(window10)
    window10_使用技巧
    剑指Offer_编程题_16
    剑指Offer_编程题_15
    剑指Offer_编程题_14
    剑指Offer_编程题_13
  • 原文地址:https://www.cnblogs.com/MedivhQ/p/4074939.html
Copyright © 2011-2022 走看看