एक विशिष्ट बिंदु के आस-पास किसी ऑब्जेक्ट को आगे और पीछे कैसे घुमाएं?

Question

मैं एक बिंदु है जिस इसके केंद्र बिंदु से नीचे है चारों ओर एक छवि आकार बारी बारी से करने की कोशिश में राफेल जे एस उपयोग कर रहा हूँ। यह कैसे किया जा सकता है?

मैं निम्नलिखित की कोशिश की है, लेकिन यह काम नहीं करता।

var playBBox = playButtonRef.getBBox(); 
var xPos = playBBox.x + playBBox.width/2; 
var yPos = playBBox.y; 
var animObject = Raphael.animation({ 
    transform: playButtonRef.attr("transform") + "R60," + (this.cx - 25) + "," + this.cy 
}, 3000);​ 
animObject = animObject.repeat(10); 
playButtonRef.animate(animObject); 

मैं इसे अपनी मूल स्थिति में घुमाने के लिए भी एक रास्ता तलाश रहा हूं। मैं इसे अपने पथ को वापस कैसे ढूंढूं?

Answer 1

1. निर्दिष्ट अंक के आसपास बारी बारी से करने के लिए, आप उपयोग कर सकते हैं xPos और yPos आप पहले से ही परिभाषित किया है, और वाई मूल्य में वृद्धि से केंद्र नीचे एक बिंदु संदर्भित करने के लिए उन्हें संशोधित।
2. अपने रास्ते वापस ट्रेस करने के लिए, आप एक अतिरिक्त एनीमेशन कॉल जो अपनी मूल स्थिति में आकार रीसेट कर देगा आह्वान करने के लिए callback पैरामीटर का उपयोग कर सकते हैं।

यहाँ यह काम करना जानें:

var playBBox = playButtonRef.getBBox(); 
var xPos = playBBox.x + (playBBox.width/2); 
var yPos = playBBox.y + 25; 

var animObject = Raphael.animation({ 
    transform: "R60," + xPos + "," + yPos 
}, 3000, function() { 
    playButtonRef.animate({ 
     transform: "R0," + xPos + "," + yPos 
    }, 3000); 
}); 
playButtonRef.animate(animObject); 

मैं भी प्रदर्शित करने के लिए कि यह कैसे हुआ एक working example on jsFiddle की स्थापना की है।