कई बारकोड प्रारूप हैं। कुछ सरल हैं और कुछ बहुत जटिल हो सकते हैं। उपयोग करने के लिए सबसे आसान में से एक, यदि यह आपके आवेदन को फिट करता है, तो 9 में से 3 बारकोड है। यह संपीड़ित नहीं है और बारकोड में वर्णों के साथ 1 से 1 संबंध है। इसके दो प्रकार हैं, केवल संख्यात्मक और विस्तारित सेट जिसमें अल्फा शामिल है। मैं इस धारणा के साथ आगे बढ़ जाऊंगा कि आप इस प्रारूप का उपयोग कर सकते हैं। (आपके नमूना कोड से, ऐसा लगता है कि आप इसका उपयोग कर रहे हैं) सबसे आसान कार्यान्वयन के लिए, केवल संख्यात्मक के साथ चिपके रहें। फिर, आपको केवल ग्यारह वर्ण (0-9 और ज्योतिष) की आवश्यकता होगी। मौजूदा 3 9 फ़ॉन्ट की परिभाषा को देखें। (गैर-वाणिज्यिक उपयोग के लिए, फ्री 3OF9 नामक फ़ॉन्ट की खोज करें। आप इसे अपने ऐप के आधार के रूप में उपयोग कर सकते हैं ...)
अगला, कठिन हिस्सा - आपके लिए आगे काम करता है लेकिन लगभग किसी भी ब्राउज़र में प्रदर्शित होता है । यदि आपको कोई ऑनलाइन नहीं मिल रहा है, तो प्रत्येक चार के लिए एक जीआईएफ (या बीएमपी या पीएनजी) छवि बनाएं। (अगले चार पंक्तियों से दूरी से दूरी के लिए चार के दाईं ओर उचित सफेद-स्थान शामिल करने के लिए Remeber!) यह केवल एक पिक्सेल उच्च होना चाहिए। जब बारकोड प्रदर्शित करने का समय आता है, तो वर्णों को <IMG>
के साथ एक दूसरे के बगल में स्ट्रिंग करें। 9 में से 3 की आवश्यकता है कि बारकोड में वर्ण प्रत्येक छोर पर घिरे हुए हों या एक ज्योतिष के साथ लपेटे हों (यह फ्री 3OF9 फ़ॉन्ट में भी ज्योतिष है)। <IMG>
की ऊंचाई को अपने प्रिंटआउट के अनुरूप पर्याप्त लंबा सेट करें।
इस तरह, क्लाइंट पर कोई फ़ॉन्ट स्थापना आवश्यक नहीं है, लेकिन अधिकांश बारकोड डिकोडर परिणामी ग्राफिक को पढ़ सकते हैं।
आपका उदाहरण (*574656*
) इस प्रकार दिखाई देंगे: 574656 http://img390.imageshack.us/img390/9168/574656vx9.png
(ठीक है, नहीं बिल्कुल उस तरह - यह कई इन-लाइन एकल ग्राफिक्स की एक रचना के बजाय एक ठोस ग्राफिक है, लेकिन आप विचार प्राप्त)
व्यक्ति सांख्यिक ग्राफिक्स इस तरह दिखेगा: ( हालांकि, इन अभी तक "साफ" नहीं कर रहे हैं)
*
0
0 http://img390.imageshack.us/img390/9618/3o9bc_0.png
1
1 http://img390.imageshack.us/img390/4474/3o9bc_1.png
2
2 http://img390.imageshack.us/img390/4571/3o9bc_2.png
3
3 http://img390.imageshack.us/img390/4702/3o9bc_3.png
4
4 http://img390.imageshack.us/img390/8272/3o9bc_4.png
5
5 http://img390.imageshack.us/img390/9127/3o9bc_5.png
6
6 http://img390.imageshack.us/img390/3672/3o9bc_6.png
7
7 http://img390.imageshack.us/img390/7348/3o9bc_7.png
8
8 http://img390.imageshack.us/img390/2807/3o9bc_8.png
9
9 http://img390.imageshack.us/img390/2862/3o9bc_9.png
और कोड में परिवर्तन इस प्रकार दिखाई देंगे:
<html>
<head>
<title>Barcode Font Test</title>
</head>
<body>
<img src="3o9cb_ast.png" alt="*"/>
<img src="3o9cb_5.png" alt="5"/>
<img src="3o9cb_7.png" alt="7"/>
<img src="3o9cb_4.png" alt="4"/>
<img src="3o9cb_6.png" alt="6"/>
<img src="3o9cb_5.png" alt="5"/>
<img src="3o9cb_6.png" alt="6"/>
<img src="3o9cb_ast.png" alt="*"/>
</body>
</html>
मैं कैसे 9 के 3 बारकोड वर्ण स्वरूपित कर रहे थे की मेरी याद ताज़ा करने के लिए एक संसाधन के रूप में SearchFreeFonts.com इस्तेमाल किया। ये ग्राफिक्स शुरुआत में उस साइट से हैं।
यदि यह एक निजी परियोजना है तो इसे क्रॉस-ब्राउज़र क्यों काम करने की आवश्यकता है? – eyelidlessness
क्रॉस-ब्राउज़र निश्चित रूप से एक आवश्यकता नहीं है। हालांकि, मैं प्राथमिक रूप से फ़ायरफ़ॉक्स का उपयोग करता हूं और समझ में नहीं आया कि यह एकमात्र ब्राउज़र क्यों था जो मुझे समस्याएं दे रहा था। –
मैं http://www.barcoderesource.com द्वारा पहले [@Font फेस बारकोड वेब फ़ॉन्ट्स] (http://www.barcoderesource.com/barcodewebfont.shtml) के इस संग्रह में आया था। –