🤹🏽 👨🏼‍💼 🥖 बाश और एसवीजी ने दिनचर्या से कैसे बचाया, इसकी कहानी 🌹 👨🏾‍💻 🌕

इस तरह के एक अद्भुत वेक्टर ग्राफिक्स प्रारूप है - स्केलेबल वेक्टर ग्राफिक्स, एसवीजी। वह इतना अद्भुत क्यों है? खैर, उदाहरण के लिए:

एसवीजी एक खुला प्रारूप है, यह किसी और की संपत्ति नहीं है।
एसवीजी एक्सएमएल भाषा का एक सबसेट है और, तदनुसार, यह शाब्दिक है।
यह HTML और XHMTL के साथ पूरी तरह से एकीकृत है।
एसवीजी सीएसएस के साथ संगत है, जो आपको स्टाइल शीट का उपयोग करके तत्वों के प्रदर्शन को नियंत्रित करने की अनुमति देता है।
एसवीजी में, पाठ पाठ रहता है, इसलिए एसवीजी दस्तावेजों को खोज इंजन द्वारा अनुक्रमित किया जा सकता है, और उपयोगकर्ता पाठ का चयन और कॉपी भी कर सकते हैं।

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

नीचे SVG में HTML एम्बेड करने का एक छोटा सा उदाहरण है, चित्र के अंदर habrahabr.ru स्क्रॉल और क्लिक करने योग्य है। दुर्भाग्य से, सभी ब्राउज़रों में नहीं यह समान रूप से अच्छी तरह से काम करता है, फ़ायरफ़ॉक्स में कोई समस्या नहीं थी, केवल स्क्रॉल करते समय यह थोड़ा धीमा हो जाता है।

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

लेकिन अब यह उसके बारे में नहीं है, अब बिंदु संख्या 2 के बारे में है। जब मैंने एक छोटी कंपनी में एक डिजाइनर के रूप में काम किया, तो हमें दो लॉट के डिस्काउंट कार्ड, प्रत्येक लॉट में हजारों टुकड़े का ऑर्डर मिला। कंपनी के लिए प्रचलन छोटा है, लेकिन संख्या कार्ड की आवश्यकता से कार्य बहुत जटिल था, इसके अलावा, प्रत्येक कार्ड में संख्या के अनुरूप बार कोड होना चाहिए था।

फर्म Corel DRAW x3 पर बैठी। स्वचालन उपकरण इसमें मौजूद हैं, और संख्याओं के साथ कार्ड बनाना कोई समस्या नहीं है। लेकिन हम में से कोई भी इस संख्या से बारकोड बनाने का तरीका नहीं जानता था (यह संभव है कि कॉर्ल के साधनों का उपयोग करके एक समाधान है, लेकिन यह नहीं पाया जा सकता है)।

पहले समाधान निदेशक द्वारा प्रस्तावित किया गया था:

ठीक है, कुछ भी नहीं है, चलो बैठ जाओ और तेजी से जोर देते हैं।

लेकिन यह निर्णय मुझे पर्याप्त नहीं लगा, तब मुझे एसवीजी प्रारूप याद आया। चूंकि यह पाठात्मक है, इसलिए इसे सॉफ़्टवेयर द्वारा समस्याओं के बिना संपादित किया जा सकता है, उदाहरण के लिए, किसी स्क्रिप्ट से बैश में। मैं मुख्य घरेलू प्रणाली के रूप में लंबे समय से लिनक्स का उपयोग कर रहा हूं (और फिलहाल उबंटू मेरे कंप्यूटर पर केवल ओएस है) और बैश लिपियों से परिचित हूं (वैसे, उनके द्वारा आयोजित शैक्षिक कार्यक्रम के लिए धन्यवाद।

दुर्भाग्य से, उन्हें काम पर लिनक्स स्थापित करने की अनुमति नहीं थी, लेकिन ssh के माध्यम से "घर जाने" का अवसर था। कार्ड के मुख्य ग्राफिक्स को कोरल डीआरएवी से पीएनजी प्रारूप में निर्यात किया गया था और एसवीजी में पूरी तस्वीर के रूप में डाला गया था, संख्या और बारकोड के लिए आरक्षित स्थानों में, एक खाली जगह छोड़ दी गई थी। बेशक, आप इसे एक वेक्टर प्रारूप में छोड़ सकते हैं, लेकिन अज्ञात कारणों से, जब इनकस्केप में .cdr (साथ ही कोरल DRAW में SVG को निर्यात करते हुए) खोला जाता है, तो कुछ तत्व क्रॉल हो जाते हैं। एसवीजी के संपादन के लिए, क्रॉस-प्लेटफ़ॉर्म मुक्त वेक्टर संपादक इंकस्केप का उपयोग किया गया था।

Inkscape में एक टेम्प्लेट तैयार किया गया था। टेम्पलेट में चार कार्डों के लिए आगे और पीछे के हिस्से और सुविधा के लिए अंकन रेखाएँ थीं।

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

संख्या के लिए आरक्षित स्थानों में, नंबर 00000000001 - 00000000004 लिखे गए थे (शीट पर 4 कार्ड हैं, इसलिए 4 नंबर हैं), और बारकोड के लिए एक खाली तस्वीर रखी गई थी। यह खाली क्यों है? हां, Inkscape बारकोड उत्पन्न कर सकता है, लेकिन फिर से यह ज्ञात नहीं है कि इस प्रक्रिया को कैसे स्वचालित किया जाए, इसलिए मुझे बारकोड उत्पन्न करने के लिए एक अलग प्रोग्राम - बारकोड का उपयोग करना पड़ा। आउटपुट पर, बारकोड एक पोस्टस्क्रिप्ट फ़ाइल जारी करता है, जो कन्वर्ट उपयोगिता (ImageMagick पैकेज से) का उपयोग करके PNG में परिवर्तित होता है और अंतिम SVG दस्तावेज़ में डाला जाता है।

अंत में इस सब से 1000 व्यावसायिक कार्ड प्राप्त करने के लिए, एक छोटी सी स्क्रिप्ट लिखी गई थी, जिसे मैं इसके मूल रूप में देता हूं (हां, मुझे पता है कि क्या अनुकूलित किया जा सकता है)।

for n in `seq 100000000001 4 100000001000` 
      

        
        
        
      

     do 
      

        
        
        
      

     echo $n 
      

        
        
        
      

     nn=$n 
      

        
        
        
      

     fn=new-$n.svg 
      

        
        
        
      

     cp 6.svg $fn 
      

        
        
        
      

     barcode -b $nn -e EAN -u mm -g 31x17+0+0 -m 0 -E | convert -density 600x600 -trim - bcs/$nn-bc.png 
      

        
        
        
      

     sed -i "s/01bc.png/bcs\/$nn-bc.png/g" $fn 
      

        
        
        
      

     sed -i "s/100000000001/$nn/g" $fn 
      

        
        
        
      

     
      

        
        
        
      

     let "nn=$nn+1" 
      

        
        
        
      

     barcode -b $nn -e EAN -u mm -g 31x17+0+0 -m 0 -E | convert -density 600x600 -trim - bcs/$nn-bc.png 
      

        
        
        
      

     sed -i "s/02bc.png/bcs\/$nn-bc.png/g" $fn 
      

        
        
        
      

     sed -i "s/100000000002/$nn/g" $fn 
      

        
        
        
      

     
      

        
        
        
      

     let "nn=$nn+1" 
      

        
        
        
      

     barcode -b $nn -e EAN -u mm -g 31x17+0+0 -m 0 -E | convert -density 600x600 -trim - bcs/$nn-bc.png 
      

        
        
        
      

     sed -i "s/03bc.png/bcs\/$nn-bc.png/g" $fn 
      

        
        
        
      

     sed -i "s/100000000003/$nn/g" $fn 
      

        
        
        
      

     
      

        
        
        
      

     let "nn=$nn+1" 
      

        
        
        
      

     barcode -b $nn -e EAN -u mm -g 31x17+0+0 -m 0 -E | convert -density 600x600 -trim - bcs/$nn-bc.png 
      

        
        
        
      

     sed -i "s/04bc.png/bcs\/$nn-bc.png/g" $fn 
      

        
        
        
      

     sed -i "s/100000000004/$nn/g" $fn 
      

        
        
        
      

     done

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

फ़ोल्डर में स्क्रिप्ट के परिणामस्वरूप, 250 फाइलें मुद्रण के लिए तैयार थीं। यह पहला बैच था। दूसरा बैच केवल चित्र में भिन्न था, संख्या और बारकोड की स्थिति नहीं बदली, इसलिए, एक और 1000 छूट प्राप्त करने के लिए, यह तस्वीर के साथ फ़ाइल को बदलने के लिए पर्याप्त था, स्क्रिप्ट को फिर से लॉन्च करना आवश्यक नहीं था।

यहां "आउटपुट पर" प्राप्त एसवीजी फ़ाइल का एक उदाहरण है:

PS स्पष्ट करने के लिए ... असाइनमेंट द्वारा, EAN13 प्रारूप में बारकोड आवश्यक थे।

बाश और एसवीजी ने दिनचर्या से कैसे बचाया, इसकी कहानी

More articles: