2010-09-03 22 views
9

तो मैं कोशिश करने के लिए राफेल जेएस का उपयोग कर रहा हूं और animateराफेल जेएस - एनिमेट .text()

यहाँ मैं क्या करने की कोशिश की है या नहीं:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type="text/javascript" src="http://raphaeljs.com/raphael.js"></script> 
    <script type="text/javascript"> 
     $(window).load(function() { 
      var R = Raphael("holder", 640, 480); 
      var test = R.text(200, 200, "Test string"); 
      test.animate({cx: 20, cy: 20}, 2000); 

     }); 
    </script> 
</head> 
    <body> 
     <div id="holder"> 
     </div> 
    </body> 
</html> 

और मेरे पाठ सिर्फ 200,200 पर बनी हुई है। इस पर कोई विचार क्यों नहीं काम करेगा?

उत्तर

5

एनिमेट फ़ंक्शन केवल कुछ विशेषताओं में सक्षम है, और केवल उस विशेष वस्तु से संबंधित गुणों को एनिमेट करने में सक्षम है।

एक टेक्स्ट ऑब्जेक्ट में सीएक्स या साइ गुण नहीं हैं - इसलिए आपका उदाहरण कोड एनिमेट नहीं होगा।

आप केवल टेक्स्ट ऑब्जेक्ट का अनुवाद कर सकते हैं क्योंकि इसमें केवल x, y और टेक्स्ट विशेषताएँ हैं।

http://raphaeljs.com/reference.html#text

आप पाठ का अनुवाद करने की कोशिश कर रहे हैं, तो x और y गुण इस तरह का उपयोग करें:,

test.animate({x:20, y:20}, 2000); 
+0

धन्यवाद @ जॉन के साथ आगे बढ़ {x: 20, वाई: 20} था वास्तव में मुझे क्या करने की ज़रूरत है। मुझे एहसास नहीं हुआ कि टेक्स्ट का उपयोग एक्स/वाई था जो मैं उपयोग कर रहा था (सीएक्स साइ) – Incognito

+0

बहुत बढ़िया! मैं चिंतित था कि आप घूर्णन करने की कोशिश कर रहे थे और फिर मेरे जवाब से थोड़ा निराश हो गए, हेही। आपका स्वागत है! – John

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