मुझे लगता है कि मेरे सभी एसवीजी उपयोग का 98% कुछ डिज़ाइन सॉफ़्टवेयर में पूर्व-निर्मित एसवीजी फ़ाइलों या वेक्टर कला से आता है जिसे मैं अंततः एसवीजी द्वारा निर्यात करता हूं। सुपर नहीं अक्सर मैं एसवीजी कोड में चीजों के निर्देशांक को हाथ से जोड़ रहा हूं। अरे, मुझे तो इस बारे में एक किताब मिल गई है।
लेकिन एक बार थोड़ी देर में, यह उचित है, और शायद थोड़ा सा मज़ा भी। इस मामले में, मैं इसमें कुछ नरम मोड़ के साथ एक विशिष्ट विशिष्ट रेखा खींचना चाहता था। एसवीजी के पथ सिंटैक्स (एसवीजी के ड्राइंग टूल्स के सबसे शक्तिशाली, लेकिन सबसे शक्तिशाली) के थोड़ा ज्ञान के साथ हम इसे बहुत उपद्रव के बिना प्राप्त कर सकते हैं।
डेमो हम वीडियो में साथ खेला:
CodePen पर क्रिस कॉयर (@chriscoyier) द्वारा पेन कोवापा देखें
।
मूल विचार:
कोडपीन
पर क्रिस कॉयर (@chriscoyier) द्वारा पेन लाइटेड पथ देखें ।
याद रखें कि हमने जो नहीं किया वह एसवीजी को समायोजित कर रहा है जैसे कि गोल कोनों एक अच्छा पहलू अनुपात में रहे जबकि बाकी एसवीजी लचीला था और ऊर्ध्वाधर और क्षैतिज स्थान भर सकता था। यह संभव है, यह सिर्फ अधिक जटिल है और हमें इसे दूसरी बार कवर करना होगा।