PerfectVector
लेखक: Irene Kim

SVG की स्कोर और कट लाइनें: ज्यामिति समझें

Score या Cut चुनने से पहले SVG की फोल्ड ज्यामिति पढ़ें। खुले पाथ, भरी पट्टियाँ और डैश की तुलना करें, फिर Cricut का दस्तावेज़ित ऑपरेशन तरीका जाँचें।

9 मिनट का पठन
इस पेज पर

स्कोर लाइन और कट लाइन अलग-अलग काम बताते हैं। यहाँ के मुड़ने वाले कार्ड में स्कोर लाइन मोड़ को चिह्नित करती है और कट लाइन कार्ड की बाहरी परिधि को। लेकिन SVG फ़ाइल में रंगीन रेखा अब भी दृश्य रंग-रूप के साथ ज्यामिति ही है। उसका रंग, नाम या डैश वाला रूप यह तय नहीं करता कि आपका कटिंग सॉफ़्टवेयर कौन-सा ऑपरेशन करेगा।

तीन चीज़ें अलग पढ़ें: फ़ाइल में दर्ज रास्ता, स्क्रीन पर उसे दिखाने का तरीका और इम्पोर्ट के बाद दिया गया ऑपरेशन। Cricut का Operation दस्तावेज़ Cut और Score को डिज़ाइन लेयरों के लिए चुने गए मशीन निर्देश मानता है। उपयोगी दिखने वाला SVG पूर्वावलोकन इस चुनाव को सत्यापित नहीं करता।

मोड़ का रास्ता और उसका रूप अलग जानकारी हैं

SVG का अर्थ Scalable Vector Graphics है। पाथ में मूव, लाइन और क्लोज़ जैसे कमांड से रास्ता या सीमा दर्ज होती है। स्ट्रोक उस ज्यामिति के साथ रंग खींचता है; फ़िल आकृति के भीतर रंग भरता है। SVG पाथ विनिर्देश पाथ कमांड और अलग-अलग सबपाथ समझाता है।

साधारण कार्ड में बाहरी परिधि, निर्धारित मोड़ और सजावटी आर्टवर्क अलग पहचाने जाने वाले ऑब्जेक्ट रखें। इससे मोड़ को कार्ड के किनारे या सजावटी पट्टी से भ्रमित किए बिना जाँचा जा सकता है।

हमारे मौलिक उदाहरण में आयताकार कार्ड, छोटा गोल सजावटी चिह्न और मोड़ की खड़ी स्थिति है। हमने मोड़ की ज्यामिति के चार संस्करण बनाए। हर फ़ाइल में कार्ड और सजावट अपरिवर्तित हैं।

मोड़ का रूपस्रोत में क्या हैकेवल चित्र क्या साबित नहीं करता
खुला लगातार पाथदो सिरों वाला एक रास्तागंतव्य उसे स्कोर करेगा, खींचेगा या काटेगा
भरी हुई संकरी पट्टीचौड़ाई वाली बंद आकृतिवही आकृति निर्धारित मोड़ का रास्ता है या नहीं
एक पाथ पर डैश वाला स्ट्रोकडैश रंग-रूप वाला एक लगातार रास्तादिखने वाले अंतर ज्यामिति में भी हैं या नहीं
अलग छोटे पाथअपने सिरों वाले असंबद्ध रास्तेउन हिस्सों पर कौन-सा ऑपरेशन चलेगा

यह मोड़ बनाने के तरीके का चुनाव है, यह नियम नहीं कि हर खुला पाथ स्कोर और हर बंद पाथ कट है। गंतव्य की व्याख्या और चुना ऑपरेशन अभी भी जाँचने हैं।

एक जैसे दिखने वाले ठोस निशानों में रास्ते अलग हो सकते हैं

पहला कार्ड मोड़ के संदर्भ के लिए यह खुला पाथ इस्तेमाल करता है:

<path id="fold" d="M50 18 V62" fill="none"
      stroke="#76548B" stroke-width="1.6"
      stroke-linecap="butt" />

यह 50, 18 से शुरू होकर खड़ा 50, 62 तक जाता है। कोई क्लोज़ कमांड नहीं है। बैंगनी चौड़ाई उस रास्ते के आसपास स्ट्रोक के रंग से आती है।

दूसरा कार्ड भरी हुई पट्टी इस्तेमाल करता है:

<path id="fold" d="M49.2 18 H50.8 V62 H49.2 Z"
      fill="#76548B" stroke="none" />

उसका पाथ पट्टी के चारों ओर जाता है और Z उसे बंद करता है। SVG की closepath परिभाषा उस बंद करने वाले जोड़ को समझाती है। इस फ़ाइल में बैंगनी निशान के बीच से एक रास्ते के बजाय उसके चारों ओर परिधि दर्ज है।

हमने जानबूझकर दोनों निशान एक जैसे बनाए। fold नाम की लेयर हमारी जाँच के लिए तत्व की पहचान करती है, लेकिन परीक्षित स्कोर ऑपरेशन दर्ज नहीं करती। इम्पोर्ट किए ऑब्जेक्ट को एक मोड़ का रास्ता मानने से पहले देखें कि गंतव्य ने वास्तव में क्या रखा।

मुड़ने वाले कार्ड के चार SVG के वास्तविक ब्राउज़र रेंडर: खुला फोल्ड पाथ, बंद भरी पट्टी, डैश रंग-रूप वाला एक पाथ और सात अलग खुले हिस्से
सीधे बनाई गई मौलिक SVG फ़ाइलें। हर जोड़ी का रूप समान, लेकिन दर्ज ज्यामिति अलग है। यह स्रोत और रेंडरिंग का प्रमाण है, Cricut इम्पोर्ट या वास्तविक स्कोरिंग का परीक्षण नहीं।

डैश वाला रंग-रूप स्कोरिंग या कटिंग तय नहीं करता

तीसरा कार्ड पहले कार्ड का ठीक वही d="M50 18 V62" पाथ डेटा रखता है और stroke-dasharray="4 3" जोड़ता है। SVG पेंटिंग विनिर्देश डैश पैटर्न को स्ट्रोक के रंगे और बिना रंगे हिस्सों के रूप में परिभाषित करता है। इस उदाहरण का रास्ता दिखने वाले अंतरों के बीच भी लगातार रहता है।

चौथे कार्ड में इसके बजाय सात अलग खुले पाथ हैं। हर दिखाई देने वाले डैश की अपनी शुरुआत और अंत है। अंतरों में जोड़ने वाली फोल्ड ज्यामिति नहीं है। स्क्रीन पर डैश समान होने पर भी ये अलग स्रोत फ़ाइलें हैं।

कार्ड के लिए तय करें कि आपको क्या चाहिए था: एक लगातार मोड़ संदर्भ, असंबद्ध हिस्से, छपी गाइड या सजावटी पट्टी। केवल डैश वाला रूप इस डिज़ाइन प्रश्न का उत्तर नहीं देता। हमारी डैश पाथ ज्यामिति गाइड दर्ज अंतरों और आउटलाइन बने डैश को अधिक विस्तार से समझाती है; यह लेख मोड़ पहचानने और उसका निर्धारित ऑपरेशन देने पर केंद्रित है।

4 3 पैटर्न और दिखने वाली स्ट्रोक चौड़ाई इस प्रदर्शन को पढ़ने योग्य बनाने के लिए चुने गए हैं। ये स्कोरिंग दबाव, ब्लेड सेटिंग या सुझाए गए परफ़ोरेशन माप नहीं हैं।

हमने मूल फ़ाइलों में क्या सत्यापित किया

पाथ गिनते समय हमने केवल फोल्ड समूह देखा और कार्ड की समान परिधि व सजावट को गिनती से बाहर रखा:

  • ठोस फोल्ड में एक खुला पाथ और एक सबपाथ है।
  • पट्टी में एक बंद पाथ और एक सबपाथ है।
  • डैश वाले फोल्ड में अपरिवर्तित डेटा वाला एक खुला पाथ है।
  • अलग डैश वाले संस्करण में सात खुले पाथ और सात सबपाथ हैं।

हमने चारों सहेजे SVG को Sharp 0.34.4 और librsvg 2.61.1 से 1000 × 800 पिक्सेल पर भी रेंडर किया। ठोस फोल्ड और भरी पट्टी ने समान पिक्सेल बफ़र बनाए। डैश रंग-रूप वाले पाथ और अलग हिस्सों के पिक्सेल बफ़र भी समान थे। ब्राउज़र की आकृति वही मौलिक SVG फ़ाइलें दिखाती है।

यह परिणाम एक सीमित बात स्थापित करता है: समान रूप का अर्थ समान ज्यामिति नहीं है। यह नहीं बताता कि Cricut Design Space फ़ाइलों को कैसे इम्पोर्ट करता है, कौन-से टूलपाथ बनाता है, डैश शैली रखता है या स्कोर करने पर सामग्री कैसे मुड़ती है। हमने ये उदाहरण Design Space में इम्पोर्ट नहीं किए और मशीन नहीं चलाई।

एक SVG पाथ तत्व में कई असंबद्ध सबपाथ हो सकते हैं, इसलिए केवल पाथ तत्वों की संख्या सामान्य निदान नहीं है। देखें कि रास्ते कहाँ शुरू, खत्म और बंद होते हैं। स्कैन किए चित्र से सेंटरलाइन वापस बनानी हो तो सिंगल लाइन SVG गाइड उस अलग ट्रेसिंग काम को समझाती है।

Cricut की दस्तावेज़ित जाँच ज्यामिति समीक्षा के बाद होती है

Cricut की वर्तमान Selecting Operation गाइड डिज़ाइन लेयर चुनकर Operation मेन्यू से उसका ऑपरेशन लेने को कहती है। चुना ऑपरेशन Layers पैनल में दिखता है और विकल्प चुनी मशीन के अनुसार होते हैं। जिस मोड़ पर स्कोर करना हो, उसके सही इम्पोर्ट किए ऑब्जेक्ट को निर्धारित Score दिया गया है या नहीं, यह जाँचें।

स्थिति एक और जाँच है। Cricut के दस्तावेज़ में Attach सापेक्ष कट स्थिति बनाए रखता है और Score, Draw या Foil लेयरों को Cut लेयर से जोड़ता है। कार्ड में मोड़ और बाहरी परिधि का निर्धारित संबंध प्रोजेक्ट पूर्वावलोकन और डिज़ाइन कैनवस दोनों में होना चाहिए।

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

इम्पोर्ट, लेयर और मैट की व्यापक जाँचों के लिए हमारी Cricut SVG तैयारी गाइड इस्तेमाल करें। वह समझाती है कि व्यवस्थित करने के लिए ग्रुप बनाना और निर्धारित उत्पादन व्यवस्था बनाए रखना अलग क्यों हैं।

सजावट की ट्रेसिंग को मोड़ से अलग रखें

कार्ड का सजावटी चिह्न केवल सपाट PNG या JPG में हो तो PerfectVector का Cricut आर्टवर्क तरीका उस चित्र से समीक्षा योग्य SVG बना सकता है। वापस बनी आकृतियाँ जाँचें, फिर सजावट को जानबूझकर बनाए गए मोड़ और बाहरी परिधि से अलग रखें। वेक्टराइज़ेशन पिक्सेल से पाथ बनाता है; यह डिज़ाइनर का मोड़ नहीं निकालता, इम्पोर्ट की लेयर के लिए Score नहीं चुनता और मशीन का परिणाम नहीं परखता।

मौजूदा वेक्टर चिह्न हो तो उसे सुरक्षित रखें। हमारे उदाहरण का गोल चिह्न सीधे बनाया गया था, ट्रेस नहीं किया गया। सीधा साधारण फोल्ड संदर्भ भी सीधे बनाया जा सकता है; पूरे कार्ड के स्क्रीनशॉट को ट्रेस करना पहले से ज्ञात ज्यामिति में पुनर्निर्माण का काम जोड़ता है।

फ़ाइल जाँच तब पूरी होती है जब आप मोड़ के असली रास्ते, उसका स्ट्रोक या फ़िल रूप, निर्धारित अंतर और कार्ड की अलग परिधि पहचान सकें। अगली जाँचें गंतव्य प्रोजेक्ट और सामग्री परीक्षण में होंगी। हमारा वेक्टराइज़ेशन परिचय बताता है कि उस हैंडऑफ़ से पहले ट्रेस क्या वापस बना सकता है और क्या नहीं।

अक्सर पूछे जाने वाले प्रश्न

क्या लाल या डैश वाली SVG लाइन अपने आप Score होती है? रंग या रूप से ऑपरेशन न निकालें। स्रोत ज्यामिति और गंतव्य में दिया ऑपरेशन जाँचें। Cricut डिज़ाइन लेयरों के लिए ऑपरेशन चुनना अलग दस्तावेज़ित करता है।

फोल्ड लाइन और भरी पट्टी एक जैसी क्यों दिख सकती हैं? स्ट्रोक खुले रास्ते के आसपास दिखने वाली चौड़ाई रंगता है, जबकि भरी पट्टी बंद सीमा के भीतर रंगती है। हमने मेल खाते उदाहरण बनाए जिनकी पाथ संरचनाएँ अलग होने पर भी रास्टर पिक्सेल समान थे।

क्या डैश वाली स्कोर लाइनें हमेशा अलग पाथ होती हैं? नहीं। लगातार पाथ पर डैश वाला स्ट्रोक हो सकता है। हमारे अलग हिस्सों वाले उदाहरण में इसके बजाय सात स्वतंत्र खुले पाथ दर्ज हैं। अंतर समझने के लिए सिरे और सबपाथ जाँचें।

क्या Attach गलत फोल्ड ज्यामिति ठीक कर देगा? ज्यामिति और स्थिति अलग जाँचें। Cricut Attach को स्थिति बनाए रखने और दूसरे ऑपरेशन की लेयरों को Cut लेयर से जोड़ने के लिए दस्तावेज़ित करता है। वह दस्तावेज़ यह नहीं साबित करता कि इम्पोर्ट किए ऑब्जेक्ट में आपकी निर्धारित सेंटरलाइन या अंतर हैं।

स्रोत

  1. W3C: SVG पाथ — पाथ कमांड, असंबद्ध सबपाथ और closepath का व्यवहार।
  2. W3C: SVG स्ट्रोक डैश — मूल पाथ डेटा से अलग डैश वाला स्ट्रोक रंग-रूप।
  3. Cricut: ऑपरेशन चुनना — लेयरों को ऑपरेशन देना और चुनी मशीन के उपलब्ध विकल्प देखना।
  4. Cricut: Attach कैसे इस्तेमाल करें — सापेक्ष स्थिति और Score या दूसरी ऑपरेशन लेयरों को Cut लेयर से जोड़ना।

कार्ड की सजावटी आर्टवर्क बिटमैप से वापस बनानी है? Cricut आर्टवर्क का समीक्षा योग्य SVG बनाएँ, उसकी आकृतियाँ जाँचें और कटिंग प्रोजेक्ट में ऑपरेशन व स्थिति देखने से पहले उसे मोड़ के रास्ते से अलग रखें।

Blog से और

PerfectVector

कटिंग और प्रोडक्शन के लिए
साफ़ SVG पाथ तैयार करें

क्रेडिट कार्ड की ज़रूरत नहीं