2013-05-07 4 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() }); 

फीडइन,

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

4

तुम भी एनिमेशन के बिना यह कर सकते हैं: http://jsfiddle.net/3jsFe/1/

आप और xml नोड elem.node

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

तो, 'elem.node' का चयन करता है लेने की जरूरत है तो आप उस पर jQuery का उपयोग कर सकते हैं? +1 – Jashwant

+0

हां, आप jQuery के फीड, एनीमेशन, और अन्य सभी चीज़ों के लिए jQuery का उपयोग कर सकते हैं। 'Elem.node' का उपयोग करके आप नोड तत्व लेते हैं और आप इसके साथ हेरफेर कर सकते हैं। आप भी उपयोग कर सकते हैं (जैसे जशवंत ने उत्तर दिया) [elem.animate] (http://raphaeljs.com/reference.html#Element.animate) लेकिन मैं jQuery पसंद करता हूं क्योंकि मैं पहले से ही इसका उपयोग कर रहा हूं। :) –

संबंधित मुद्दे