एक लोकप्रिय छोटी एसवीजी एनीमेशन तकनीक पथ ड्राइंग है। यदि आप इसे नहीं देख सकते हैं, तो यहां मेरे द्वारा बनाए गए ज़िलिन उदाहरणों का एक संग्रह है। एसवीजी आकृतियों के आसपास अनिवार्य रूप से स्ट्रोक समय के साथ खुद को खींचता है।
मैंने एसवीजी में जेक आर्चीबाल्ड के लेख एनिमेटेड लाइन ड्राइंग के बारे में पहली बार सुना, जो कि इसके बारे में एक स्पष्टीकरण के बारे में अच्छा है। लेकिन निश्चित रूप से, मैंने अपने स्वयं के स्पष्टीकरण का प्रयास किया और हम इस वीडियो में उस पर चले गए।
मुझे लगता है कि सीएसएस के साथ शुरू करने के बारे में सोचना आसान है, और एसवीजी आकार के लिए डैश गुण कैसे काम करते हैं। वे कैसे लंबे समय तक प्राप्त कर सकते हैं, और यहां तक कि पूरे आकार को कवर करने (या कवर नहीं करने) के बिंदु तक पर्याप्त है। तब उन्हें ऑफसेट करना जब वे लंबे होते हैं तो ड्राइंग कैसे काम करता है।
फिर एक बार जब आप समझ जाते हैं, तो समझें कि जावास्क्रिप्ट आवश्यक डैश और ऑफसेट की लंबाई की गणना करने में मदद कर सकता है और इसे सही कर सकता है।