डी 3 संक्रमण - रोकें और फिर से शुरू करें

Question

मैं इस guide से डी 3 संक्रमणों के लिए 'रोकें' और 'फिर से शुरू' करने की कोशिश कर रहा हूं। जबकि मैं समझता हूं कि 'रोक' कैसे काम कर रहा है, जब मैं 'फिर से शुरू' की बात करता हूं तो मैं थोड़ा खो जाता हूं। मैं लेखक की व्याख्या का अर्थ नहीं बना सका, विशेष रूप से 'रैखिक' या पहले रेज़्यूमे स्पष्टीकरण। मेरा सवाल यह है कि e.attr("T",0); और .attr("T",1); वास्तव में क्या कर रहा है?

मैं वीडियो या तरंग उदाहरण यहां के लिए एक प्लेहेड को फिर से शुरू की कार्यक्षमता को लागू करने हूँ: jsfiddle

Answer 1

कोड e.attr("T",0) और .attr("T",1) सेट नोड कि चयन किया जाता है के लिए जिम्मेदार बताते हैं। यही है, एक नई विशेषता "टी" बनाई और सेट है। इसका उद्देश्य पूरी तरह से रोकने और फिर से शुरू करने की सुविधा के लिए है - 0 अंत से पहले एक संक्रमण का प्रतिनिधित्व करता है और अंत में 1 होता है।

यदि यह विशेषता संक्रमण में शामिल है, तो मूल्य धीरे-धीरे 0 से 1 तक बदल जाएगा। ट्यूटोरियल के लेखक बताते हैं कि इसका उपयोग किसी भी समय संक्रमण की स्थिति प्राप्त करने के लिए किया जा सकता है - आपको बस "टी" के मूल्य की पूछताछ करने की आवश्यकता है। यदि आप विशेष संक्रमण को भी सहेजते हैं, तो आप किसी भी बिंदु पर रोक और फिर से शुरू करने के लिए मान का उपयोग कर सकते हैं।

ध्यान दें कि "टी" के बारे में कुछ खास नहीं है। आप किसी भी (अप्रयुक्त) विशेषता नाम का उपयोग कर सकते हैं। उद्देश्य केवल यह कहने का कोई तरीका है कि संक्रमण कितनी दूर है।

Answer 2

मैं भी इस सटीक समस्या से जूझ रहा हूं और मुझे लगता है कि उदाहरण पर एक टाइपो है जो मुझे फेंक रहा है। कहाँ लेखक लिखते हैं:

var e = d3.select("#time"); 
e.attr("T",0); 

c.transition() 
    .duration(time) 
    .ease("linear") 
    .attr("T",1); 

यह के रूप में यद्यपि ec संक्रमण है, जो मतलब नहीं है के रूप में अपनी T विशेषता अद्यतन करेगा लगता है। इसके बजाय मुझे लगता है कि इस प्रकार होना चाहिए:

var e = d3.select("#time"); 
e.attr("T",0); 

e.transition() 
    .duration(time) 
    .ease("linear") 
    .attr("T",1); 

अब हम #time तत्व का चयन, 0 करने के लिए अपने T विशेषता के प्रारंभिक मान सेट तो एक ही तत्व है कि के पाठ्यक्रम पर 1 को T में परिवर्तन करने के लिए एक संक्रमण जोड़ने निर्दिष्ट अवधि।