浏览器环境下条形码生成方法

本文以Code 128码为示例, 其他条码标准类似

　　方法一: 使用CSS在线字体

　　　　第一步, 引用Code 128字体文件. 我们日常使用的或者见到的电脑,很少有安装Code 128字体.因此需要在html页面中引用字体文件,字体文件引用方法参见:http://www.cnblogs.com/rubylouvre/archive/2011/06/19/2084875.html

　　　　第二步, 将需要编码的文本输出为中间码,方法见下面代码

BarCode.BarcodeConverter128.StringToBarcode("6957535101709")

Barcode转码程序集

　　　　第三步, 输出条形码　　　　　　　　

Razor语法:
<span style="font-family:'Code 128';  font-size:60px">
    @BarCode.BarcodeConverter128.StringToBarcode("6957535101709")
</span>

 

　　方法二: 使用图片

　　　　服务器端直接将条形码生成为图片, 然后在html页面使用img标签引用这个图片,图片可以根据参数动态生成

Asp.net Web Form服务器端代码

var text = "6957535101709"
var maxBarHeight = 30;
var scale = 1;

using (var image = Zen.Barcode.BarcodeDrawFactory.Code128WithChecksum.Draw(text, maxBarHeight, scale))
{
    image.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Gif);
}

Zen.Barcode下载路径

 

Barcode Rendering Framework: http://barcoderender.codeplex.com/ 

在线生成条形码: http://barcode.tec-it.com/barcode-generator.aspx?LANG=zh-cn

字体文件下载: http://www.fonts2u.com/code-128.font

Free Barcode Font - Barcode String Builder(转码程序): http://www.jtbarton.com/Barcodes/BarcodeStringBuilderExample.aspx