如何在 .Net Core 2.0 中使用 ZXing.Net 和 ImageSharp 创建条形码图像

Question

我正在尝试生成条形码图像。当我使用以下代码时，我可以创建一个 base64 字符串，但它给出了一个空白图像。我检查了内容不是空白或白色 space.

有使用 CoreCompat.System.Drawing 的代码，但我无法使其工作，因为我在 OS X 环境中工作。

我是不是做错了什么？

代码：

  [HtmlTargetElement("barcode")] 
  public class BarcodeHelper: TagHelper { 
      public override void Process(TagHelperContext context, TagHelperOutput output) { 
          var content = context.AllAttributes["content"].Value.ToString(); 
          var alt = context.AllAttributes["alt"].Value.ToString(); 
          var width = 250;  
          var height = 250;
          var margin = 0; 
          var barcodeWriter = new ZXing.BarcodeWriterPixelData { 
              Format = ZXing.BarcodeFormat.CODE_128, 
                  Options = new QrCodeEncodingOptions { 
                      Height = height, Width = width, Margin = margin 
                  } 
          }; 

          var pixelData = barcodeWriter.Write(content); 

          using (var image = Image.LoadPixelData<Rgba32>(pixelData.Pixels, width, height))
          {
              output.TagName = "img"; 
              output.Attributes.Clear(); 
              output.Attributes.Add("width", width); 
              output.Attributes.Add("height", height); 
              output.Attributes.Add("alt", alt); 
              output.Attributes.Add("src", string.Format("data:image/png;base64,{0}", image.ToBase64String(ImageFormats.Png))); 
          }
      } 
  }

有一些代码片段如下所示。他们可以编写内容并将结果数据轻松转换为 base64 字符串。但是当我调用 BarcodeWriter 时，它需要一个 <TOutput> 类型，我不知道要发送什么。我正在使用 ZXing.Net 0.16.2.

          var writer = BarcodeWriter // BarcodeWriter without <TOutput> is missing. There is BarcodeWriter<TOutput> I can call.
          {
              Format = BarcodeFormat.CODE_128 
          }

          var result = writer.write("content");

Answer 1

像素数据渲染器的当前版本 (0.16.2) 使用了错误的 alpha 通道值。整个条形码是透明的。此外，对于我的 ImageSharp 版本，我必须删除以下部分 "data:image/png;base64,{0}", 因为 image.ToBase64String 已经包含了它。

完整修改代码：

  [HtmlTargetElement("barcode")] 
  public class BarcodeHelper: TagHelper { 
      public override void Process(TagHelperContext context, TagHelperOutput output) { 
          var content = context.AllAttributes["content"].Value.ToString(); 
          var alt = context.AllAttributes["alt"].Value.ToString(); 
          var width = 250;  
          var height = 250;
          var margin = 0; 
          var barcodeWriter = new ZXing.BarcodeWriterPixelData { 
              Format = ZXing.BarcodeFormat.CODE_128, 
              Options = new EncodingOptions { 
                  Height = height, Width = width, Margin = margin 
              },
              Renderer = new PixelDataRenderer {
                  Foreground = new PixelDataRenderer.Color(unchecked((int)0xFF000000)),
                  Background = new PixelDataRenderer.Color(unchecked((int)0xFFFFFFFF)),
              }
          }; 

          var pixelData = barcodeWriter.Write(content); 

          using (var image = Image.LoadPixelData<Rgba32>(pixelData.Pixels, width, height))
          {
              output.TagName = "img"; 
              output.Attributes.Clear(); 
              output.Attributes.Add("width", pixelData.Width); 
              output.Attributes.Add("height", pixelData.Height); 
              output.Attributes.Add("alt", alt); 
              output.Attributes.Add("src", string.Format( image.ToBase64String(ImageFormats.Png))); 
          }
      } 
  }

也可以使用 ImageSharp 绑定包 (ZXing.Net.Bindings.ImageSharp)。

  [HtmlTargetElement("barcode")] 
  public class BarcodeHelper: TagHelper { 
      public override void Process(TagHelperContext context, TagHelperOutput output) { 
          var content = context.AllAttributes["content"].Value.ToString(); 
          var alt = context.AllAttributes["alt"].Value.ToString(); 
          var width = 250;  
          var height = 250;
          var margin = 0; 
          var barcodeWriter = new ZXing.ImageSharp.BarcodeWriter<Rgba32> { 
              Format = ZXing.BarcodeFormat.CODE_128, 
              Options = new EncodingOptions { 
                  Height = height, Width = width, Margin = margin 
              }
          }; 

          using (var image = barcodeWriter.Write(content))
          {
              output.TagName = "img"; 
              output.Attributes.Clear(); 
              output.Attributes.Add("width", image.Width); 
              output.Attributes.Add("height", image.Height); 
              output.Attributes.Add("alt", alt); 
              output.Attributes.Add("src", string.Format( image.ToBase64String(ImageFormats.Png))); 
          }
      } 
  }

如何在 .Net Core 2.0 中使用 ZXing.Net 和 ImageSharp 创建条形码图像

How to create barcode image with ZXing.Net and ImageSharp in .Net Core 2.0

barcode

asp.net-core-2.0

zxing.net

imagesharp