亚欧洲在线,五月丁香香婷,国产久操视频

Barcode Professional for ASP.NET使用教程：如何在HTML支持的DPI范圍內(nèi)顯示高清條碼

原創(chuàng)|使用教程|編輯：龔雪|2015-11-09 16:33:09.000|閱讀 402 次

概述：分享用Barcode Professional for ASP.NET在HTML支持的DPI范圍內(nèi)顯示高清條碼,含有C#和VB兩種參考代碼

相關(guān)鏈接：

我們知道高質(zhì)量的條碼更能達(dá)到我們的目的，然而圖像DPI與圖像的大小成正比，即DPI越高，圖片文件越大。

可能你將600DPI的圖片顯示在HTML上很容易，然而你會(huì)發(fā)現(xiàn)圖片占滿了整個(gè)頁(yè)面，因?yàn)榇蠖鄶?shù)的HTML顯示分辨率為96DPI。那么今天將分享用Barcode Professional for ASP.NET在HTML支持的DPI范圍內(nèi)顯示高清條碼。代碼僅供參考。

注意：我們使用的是Visual Studio 2005 (Visual Web Developer) ，不過有些VS.NET也可以使用。

步驟：

用Visual Studio 2005創(chuàng)建一個(gè)ASP.NET Web項(xiàng)目。
刪除項(xiàng)目中創(chuàng)建的所有的ASPX 文件。
如果有需要可以創(chuàng)建一個(gè)BIN文件夾，添加一個(gè)引用到Barcode Professional for ASP.NET集合。
在Generic Handler 中添加一個(gè)新的項(xiàng)目類型命名BarcodeGen.ashx.
在BarcodeGen.ashx文件中用ProcessRequest方法輸入下列代碼，這個(gè)方法將通過字符串查詢得到128碼符號(hào)編碼值和輸出條碼圖像分辨率。

Dim dpi As Single = 96.0
 
 Try
 dpi = Single.Parse(context.Request.QueryString("dpi"))
 Catch
 
 End Try
 
 Dim valueToEncode As String = context.Request.QueryString("valueToEncode")
 
 Dim bcp As New Neodynamic.WebControls.BarcodeProfessional.BarcodeProfessional()
 bcp.Symbology = Neodynamic.WebControls.BarcodeProfessional.Symbology.Code128
 bcp.Code = valueToEncode
 
 bcp.BarWidth = 0.01F
bcp.BarHeight = 0.5F
context.Response.ContentType = "image/jpeg"
 context.Response.BinaryWrite(bcp.GetBarcodeImage(System.Drawing.Imaging.ImageFormat.Jpeg, dpi))

float dpi = 96.0f;
 
 try
 {
 dpi = float.Parse(context.Request.QueryString["dpi"]);
 }
 catch
 { }
 
 string valueToEncode = context.Request.QueryString["valueToEncode"];
 
 Neodynamic.WebControls.BarcodeProfessional.BarcodeProfessional bcp = new Neodynamic.WebControls.BarcodeProfessional.BarcodeProfessional();
 bcp.Symbology = Neodynamic.WebControls.BarcodeProfessional.Symbology.Code128;
 bcp.Code = valueToEncode;
 
 bcp.BarWidth = 0.01f;
 bcp.BarHeight = 0.5f;
 
 context.Response.ContentType = "image/jpeg";
context.Response.BinaryWrite(bcp.GetBarcodeImage(System.Drawing.Imaging.ImageFormat.Jpeg, dpi));

然后將新項(xiàng)目添加到HTML頁(yè)面項(xiàng)目，這個(gè)HTML頁(yè)面將顯示600DPI的條碼圖像，這是通過用JS代碼在其他瀏覽器上顯示96DPI的HTTP處理。輸如下面的代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="//www.w3.org/1999/xhtml" >
 <head>
 <title>HTML Barcode image with DPI support</title>
 <script type="text/javascript"> 
 var imageUrlGen = "BarcodeGen.ashx";
 var imageID = "MyBarcodeImage";
 var txtValueToEncodeID = "MyValueToEncode"; 
 var tmpImage;
 var dpi = 600;
 
 function CheckForLoadedImage()
 {
 if(tmpImage.complete)
 {
 var img = document.getElementById(imageID); 
 img.width = tmpImage.width * 96 / dpi;
 img.height = tmpImage.height * 96 / dpi; 
 img.src = tmpImage.src; 
 clearTimeout("CheckForLoadedImage()");
 }
 else
 {
 setTimeout（“checkforloadedimage()”，500）；
 } 
 }
 
 function GetBarcodeImage()
 {
 var valueToEncode = document.getElementById(txtValueToEncodeID).value; 
 tmpImage = new Image();
 tmpImage.src = imageUrlGen + "?valueToEncode="  + valueToEncode + "&dpi=" + dpi; 
 CheckForLoadedImage();
 } 
 </script>
 </head>
 <body>
 <p>
 <b>Barcode Professional in a HTML page with DPI support</b>
 </p>
 <p>
 <img id="MyBarcodeImage" alt="" src="" />
 </p>
 <p>
 Enter a value to encode:<br />
 <input id="MyValueToEncode" type="text" name="MyValueToEncode" />
 </p>
 <p>
 <input id="Button1" type="button" value="Get Barcode at 600 DPI..."
 name="Button1" onclick="GetBarcodeImage()" />
 </p>
 </body>
</html>

完成，雖然圖像的大小是經(jīng)過JS代碼生成的，但生成圖像的質(zhì)量是與打印結(jié)果一致。

Barcode Professional for ASP.NET>>

標(biāo)簽：HTML ASP.NET 條碼生成條碼打印 Barcode

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

上一篇：Navicat Data Modeler使用教程九：數(shù)據(jù)庫(kù)導(dǎo)入（下）下一篇：FusionCharts使用教程：安裝指南