2013-05-07 1 views
7

Есть ли способ заставить элемент исчезать или исчезать с помощью Raphael.js? Мой код что-то вроде:Raphael.js - могу ли я использовать .show/.hide с эффектом затухания?

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

Есть ли атрибут .hide(), чтобы сделать выцветанию эффект, что-то вроде:

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

ответ

13

Вы можете анимировать opacity для замирания эффекта

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

К fadeIn,

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

4

Вы можете сделать это без анимации также: http://jsfiddle.net/3jsFe/1/

Вы должны взять на себя elem.node

$(elem.node).fadeOut(2000, function() { 
    $(elem.node).fadeIn(2000); 
}); 
+0

Таким образом, 'elem.node' выбирает узел XML, а затем вы можете использовать JQuery над этим? +1 – Jashwant

+0

Да, вы можете использовать jQuery для fade, анимации и всего остального, что делает jQuery. Используя 'elem.node', вы берете элемент узла, и вы можете манипулировать им. Вы также можете использовать (например, Jashwant ответил) [elem.animate] (http://raphaeljs.com/reference.html#Element.animate), но я предпочитаю jQuery, потому что я уже привык к нему. :) –

Смежные вопросы