javascript - Raphael.js - 我可以使用带有淡入淡出效果的 .show/.hide 吗？

Question

有没有办法使用 Raphael.js 使元素淡入或淡出？我的代码是这样的:

var elem = paper.circle(10, 10, 10)
elem.hide();

是否有 .hide() 的属性来制作淡入淡出效果，例如:

var elem = paper.circle(10, 10, 10)
elem.hide({'duration':5000});

Answer 1

您可以为不透明度设置动画以实现淡入淡出效果

var elem = paper.circle(10, 10, 10);
elem.animate({ opacity : 0 }, 1000, function () { this.hide() });

淡入，

elem.show().animate({ opacity : 1 }, 1000);