程式宅急便

前言

條碼的應用在生活上常常會遇到，其實對於程式來講，他讀出來就是一個字串，所以如果有購買掃描槍的話，等於是一個input裝置，可以把他想成是一個鍵盤，掃成功後等於是個複製貼上的動作，本篇將會Step by Step來實做C#產生條碼圖片。

 

安裝字型

要做成條碼其實很簡單，網路上有非常多的條碼免費字型可以下載，本篇字型使用的名稱為IDAutomationHC39M，從此連結下載，下載完後，應該會是個字型檔，直接點選安裝即可，這時候我們可以開個Word，會發現只要改變他的字型，就會變成條碼圖片。

 

開始實做

知道條碼其實是組字串後，程式也大概也有個方向可以朝向字串轉圖片的方式去實現。本篇將已WebForm的GridView來快速做個簡單的顯示：

Html頁面，需要注意的是，直接在Img指定寬度和高度並不會減小圖片的檔案大小，實際上在產生時要去做等比例縮放才是比較好的做法

<asp:GridView ID="gv_data" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:BoundField DataField="barcode" HeaderText="Barcode字串" />
        <asp:TemplateField HeaderText="條碼圖片">
            <ItemTemplate>
                <img width="200" height="65" src='<%#Eval("Img") %>'  />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

 

後端在Page Load建立一個DataTable，創造5筆假資料

//產生五筆資料顯示
DataTable dt = new DataTable();
dt.Columns.Add("Barcode");
dt.Columns.Add("Img");

for (int i = 0; i < 5; i++)
{
    DataRow dr = dt.NewRow();
    dr["Barcode"] = "BC000000" + i;
    dr["Img"] = GetBarCodeImage("BC000000" + i);//產生條碼圖片
    dt.Rows.Add(dr);
}

gv_data.DataSource = dt;
gv_data.DataBind();

 

GetBarCodeImage function主要在對圖片做一些處理，因為本範例為求方便，最終顯示在HTML上是用Base64的方法實現，實際上可以依照需求去修改此塊。

public string GetBarCodeImage(string BarcodeStr)
{
    //產生圖片檔案
    string SavePath = @"D:\barcode.png";
    //Barcode條碼需在前後加上*字號代表開始與結束
    Bitmap barcode = CreateBarCode("*" + BarcodeStr + "*");
    barcode.Save(SavePath, ImageFormat.Png);
    barcode.Dispose();

    //將圖片檔案轉成Base64字串
    using (var fs = new FileStream(SavePath, FileMode.Open, FileAccess.Read))
    {
        var buffer = new byte[fs.Length];
        fs.Read(buffer, 0, (int)fs.Length);
        string base64String = Convert.ToBase64String(buffer);
        string ImgBase64 = string.Format("data:image/png;base64,{0}'", base64String);
        return ImgBase64;
    }
}

 

將字串轉為圖片：

/// <summary>
/// 將字串轉為Barcode圖片
/// </summary>
/// <param name="data"></param>
/// <returns></returns>
public Bitmap CreateBarCode(string data)
{
    Bitmap barcode = new Bitmap(1, 1);
    Font threeOfNine = new Font("IDAutomationHC39M", 60,
                            System.Drawing.FontStyle.Regular,
                            System.Drawing.GraphicsUnit.Point);

    Graphics graphics = Graphics.FromImage(barcode);

    SizeF dataSize = graphics.MeasureString(data, threeOfNine);

    barcode = new Bitmap(barcode, dataSize.ToSize());
    graphics = Graphics.FromImage(barcode);
    graphics.Clear(Color.White);

    graphics.TextRenderingHint = TextRenderingHint.SingleBitPerPixel;

    graphics.DrawString(data, threeOfNine, new SolidBrush(Color.Black), 0, 0);

    graphics.Flush();
    threeOfNine.Dispose();
    graphics.Dispose();

    return barcode;

}

 

最終結果

其他應用

學會字串轉圖片，就可以去網路上找很多免費字型，例如這個網站，來產生一些特殊圖案！

 

Reference

字型下載
Base64編碼顯示圖片
影像檔等比例縮放