2013-05-07 12 views
7

C'è un modo per rendere l'elemento dissolvenza in entrata o in uscita utilizzando Raphael.js? Il mio codice è qualcosa di simile:Raphael.js - posso usare .show/.hide con effetto dissolvenza?

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

C'è un attributo a .nascosto() per fare effetto dissolvenza, qualcosa di simile:

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

risposta

13

è possibile animare opacity per effetto di dissolvenza

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

Per dissolvenzaIn,

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

4

È possibile farlo senza animazioni anche: http://jsfiddle.net/3jsFe/1/

è necessario prendere il elem.node

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

Quindi, 'elem.node' seleziona il nodo XML e quindi è possibile utilizzare jQuery su quello? +1 – Jashwant

+0

Sì, puoi usare jQuery per le dissolvenze, le animazioni e qualsiasi altra cosa faccia jQuery. Usando 'elem.node' prendi l'elemento nodo e puoi manipolarlo con esso. Puoi anche usare (come ha risposto Jashwant) [elem.animate] (http://raphaeljs.com/reference.html#Element.animate) ma preferisco jQuery perché sono già abituato. :) –