Search code examples
c#zxingqr-code

Add custom image or text to QR code generated by ZXing.Net


I use ZXing.Net library to generate a QR code image -

app screenshot

At the top of my class:

    [System.Runtime.InteropServices.DllImport("gdi32.dll")]
    public static extern bool DeleteObject(IntPtr hObject);

My method:

    protected void UpdateQRSource(String address)
    {
        QRCodeWriter qrcode = new QRCodeWriter();
        BarcodeWriter barcodeWriter = new BarcodeWriter
        {
            Format = BarcodeFormat.QR_CODE,
            Options = new EncodingOptions
            {
                Width = 300,
                Height = 300,
                Margin = 4
            }
        };

        using (Bitmap bitmap = barcodeWriter.Write(address))
        {
            IntPtr hbmp = bitmap.GetHbitmap();
            try
            {
                BitmapSource source = Imaging.CreateBitmapSourceFromHBitmap(
                    hbmp, 
                    IntPtr.Zero, 
                    Int32Rect.Empty,
                    BitmapSizeOptions.FromEmptyOptions());
                qrImage.Source = source; // set WPF image source
            }
            finally
            {
                DeleteObject(hbmp);
            }
        }
    }

Please advise me how to add short text string or a custom image in the middle of the QR code - similar to the Wikipedia visual QR code below:

Wikipedia

UPDATE:

Embedding custom logo in QR code (without breaking the latter!) seems to be not a trivial task as the scientific publication QR Images: Optimized Image Embedding in QR Codes shows...

But I still wonder if I could generate a QR code (as in the above source code), then overlay it with a custom text or logo, then validate the resulting image again by ZXing.Net.


Solution

  • Here we go (you can use any logo):

    using System.Collections.Generic;
    using System.Drawing;
    using System.Windows.Forms;
    using ZXing;
    using ZXing.QrCode.Internal;
    using ZXing.Rendering;
    
    
    namespace Test
    {
        public partial class Form1 : Form
    {
    
        private string imagePath = @"YourPath";
        private string url = @"https://en.WIKIPEDIA.ORG/";
        private int size = 400;
        public Form1()
        {
            InitializeComponent();
    
            pictureBox1.Image = GenerateQR(size, size, url);
            pictureBox1.Height = size;
            pictureBox1.Width = size;
            Console.WriteLine(checkQR(new Bitmap(pictureBox1.Image)));
        }
    
        public bool checkQR(Bitmap QrCode)
        {
            var reader = new BarcodeReader();
            var result = reader.Decode(QrCode);
            if (result == null)
                return false;
            return result.Text == url;
        }
    
    
        public Bitmap GenerateQR(int width, int height, string text)
        {
            var bw = new ZXing.BarcodeWriter();
    
            var encOptions = new ZXing.Common.EncodingOptions
            {
                Width = width,
                Height = height,
                Margin = 0,
                PureBarcode = false
            };
    
            encOptions.Hints.Add(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);
    
            bw.Renderer = new BitmapRenderer();
            bw.Options = encOptions;
            bw.Format = ZXing.BarcodeFormat.QR_CODE;
            Bitmap bm = bw.Write(text);
            Bitmap overlay = new Bitmap(imagePath);
    
            int deltaHeigth = bm.Height - overlay.Height;
            int deltaWidth = bm.Width - overlay.Width;
    
            Graphics g = Graphics.FromImage(bm);
            g.DrawImage(overlay, new Point(deltaWidth/2,deltaHeigth/2));
    
            return bm;
        }
    
    }
    

    The result:

    enter image description here

    And the output:

    True