Существует несколько форматов штрих-кода. Некоторые из них просты, а некоторые могут стать очень сложными. Один из самых простых в использовании, если он подходит вашему приложению, - это 3 из 9 штрих-кодов. Он не сжимается и имеет отношение 1 к 1 с символами штрих-кода. Существует два варианта этого, только числовой и расширенный набор, который включает альфу. Я продолжу рассмотрение вопроса о том, что вы можете использовать этот формат. (Из вашего примера кода, похоже, это то, что вы используете). Для самой простой реализации придерживайтесь только числовых данных. Затем вам потребуется только одиннадцать символов (0-9 и астриск). Посмотрите на определение существующего шрифта 3 из 9. (Для некоммерческого использования, найдите шрифт под названием FREE3OF9. Вы можете использовать его в качестве базы для своего приложения ...)
Далее, утомительная часть - больше работы для вас спереди, но отображается практически в любом браузере , Если вы не можете найти какой-либо он-лайн, сверните изображение GIF (или BMP или PNG) для каждого символа. (Вспомните, чтобы включить правильное белое пространство в правой части символа, чтобы дистанцировать его от следующего символа!) Он должен быть только одним пикселем. Когда придет время, чтобы отобразить штрих-код, введите символы вместе как <IMG>
, которые находятся рядом друг с другом. 3 из 9 требует, чтобы символы в штрих-коде были окружены или завернуты с помощью astrisk (в любом случае это астриск в шрифте FREE3OF9) на каждом конце. Установите высоту <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>
Я использовал SearchFreeFonts.com как ресурс, чтобы освежить свою память о том, как были отформатированы 3 из 9 символов штрих-кода. Эти графики изначально находятся на этом сайте.
Если это персональный проект, зачем ему нужно работать в кросс-браузере? – eyelidlessness 2008-10-27 19:59:42
Кросс-браузер наверняка не нужен. Тем не менее, я использую Firefox и не понимаю, почему это был единственный браузер, который вызывал у меня проблемы. – 2008-10-27 20:17:25
Я столкнулся с этой коллекцией [@Font Face Barcode Web Fonts] (http://www.barcoderesource.com/barcodewebfont.shtml) по http://www.barcoderesource.com ранее. – 2012-01-13 06:20:29