FAQ TBarCode/X - программное обеспечение для штрихкодов для Mac OS X ® , UNIX ® , Linux ®
Как создавать растровые изображения и SVG для вывода в HTML?
Как создавать растровые изображения и SVG для вывода в HTML?
Ниже приведены примеры вызовов для создания растровых изображений. Растровые изображения уже оптимизированы для 100 и 300 dpi. Вы можете загружать эти растровые изображения на лету в браузер через динамически создаваемый файл изображения (имя файла на основе случайного значения/метки времени). В качестве альтернативы можно также использовать векторную графику в формате SVG.
Code 39 (GIF)tbarcode -fIMAGE -iGIF -oBarcode.gif -b8 -m0.254 --dpi=100 -d"1234567890ABC"
tbarcode -fIMAGE -iPNG -oBarcode.png -b112 -m0.508 --dpi=300 -d"www.tec-it.com"
Оптимизация качества:
- Ширина модуля (наименьший графический элемент кода) была уже подогнана под пиксельную сетку в растровом изображении. При 100 dpi 0.254 мм соответствует ровно одному пикселю, при 300 dpi — это 3 целых пикселя (поэтому нет эффектов квантования или ошибок округления). При 300 dpi размер точки 0.508 мм соответствует 6 целым пикселям (снова без эффектов квантования).
- Вы также можете указать целевое значение ширины модуля -m (или общей ширины -w) и использовать внутреннюю оптимизацию через параметр --optimalwidth. Штрихкод может при этом стать меньше целевого значения, так как всегда округляется вниз до целых пикселей.
- При отображении и печати учитывается разрешение дисплея и принтера. В зависимости от DPI возможны ошибки округления.
tbarcode -fSVG -oBarcode.svg -b112 -m0.762 -d"https://www.tec-it.com"
Векторный формат SVG также поддерживается, большинство браузеров уже умеют его отображать. В формате SVG у нас также есть текстовая строка в виде обычного текста для 1D-кодов.
Интеграция в HTML:
В формате SVG вы можете либо загрузить SVG через тег <img src="svg-url"> так же, как растровое изображение, либо интегрировать его напрямую в HTML как узлы <svg> (без необходимости дополнительной загрузки изображения). Для встроенной интеграции опустите первую строку из нашего файла SVG, вам нужен только узел <svg>. Размер отображения (viewBox) также может иметь значение.