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