关于为Raphaël.js图像元素添加淡入效果的问题

时间:2014-11-06 05:49:02

标签: javascript raphael

请你看一下This Demo,让我知道为什么我无法将Fadein功能添加到Raphaël.js论文的图像元素中?

var r = new Raphael(10,10, 500, 500);
var c = r.circle(200, 200, 80);

var img = r.image("http:/.../123.png", 100, 105, 200, 200).animate({ opacity : 1 }, 3000);

由于

1 个答案:

答案 0 :(得分:1)

你可以很好地淡化它,你只需要首先将不透明度设置为0 el.attr({opacity:0}),它就会淡化为...

jsfiddle

var img = r.image("http://www.eatyourcareer.com/wp-content/uploads/2012/06/ok-256x2561.png", 100, 105, 200, 200)
           .attr({ opacity: 0 })
           .animate({ opacity : 1 }, 3000);