×

Blog

Graphics in Zebra Programming Language

Toni Sredanović on 01 Apr 2020

Graphics in Zebra Programming Language

Being a software developer, encountering a programming language you have never even heard of is a rare occasion. However I was recently “fortunate” enough to experiance such an encounter. The language in question is Zebra Programming Language (or ZPL for short). This is a page description language developed by Zebra Technologies. It is used primarily for labeling applications. At first ZPL was emulated by many label printers of various producers and later the Zebra Basic Interpreter (ZBI) was integrated into the printer software itself. In this article I will go over the very basics of ZPL, how it handles graphics in a bit more detail and why I had to deal with all of that.

Versions used: Python 3.7.4, Pillow 7.0.0

The task at hand

I was tasked with extracting images from ZPL code. Additionally that task was extended with injecting new images into extracted ones. This was a part in development of a system for managing manufacturing facilities by analysing and optimizing processes for one of the furniture making companies. They used ZPL printers to print out their work orders. What we wanted to do was extract data on those work orders and show it in a web interface with options to inject additional data into each work order.

To start I was provided with an ZPL code example for one of the work orders which you can see below (truncated version, you can see the whole ZPL here) and around 1600 pages long ZPL manual.

^XA~TA000~JSN^LT0^MNW^MTD^PON^PMN^LH0,0^JMA^PR4,4~SD15^JUS^LRN^CI0^XZ
		~DGR:000.GRF,259840,116,
		,:lK03FHF0,lK03FFE0,:lK07FFC0,lK0IFE0,lK07FFC0,lK0IFC0,:lK0IF80,:lJ01FHF80,lJ01FDF,,::::::lJ0J404H4H0J4H07FFC0H0I4H0704H405FE0I01FF04I404H405FC0,lJ0IFC3FFE00FHF807FHFE0H0IFC7F0FHF9FHF80H0IF8FHFC0FHF8FHF8,lI01FHFC3FFE01FHFH0KF8007FF9FF0FHF3FHFC001FHFCFHFC0FHF3FHFC,lJ0IF83FFE01FHF0 
        ### loads more gibberish ### :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::^XA
		^MMT
		^LL2233
		^PW914
		^LS0
		^FT0,2240^XG000.GRF,1,1^FS
		^PQ1,0,1,Y^XZ
		^XA^ID000.GRF^FS^XZ

Getting familiar with ZPL

As there was no way in hell I would read 1600 pages of the manual I started searching for existing solutions. First thing I came across was Labelary, a great piece of SaaS which offers raw ZPL conversion into PNG images or PDF documents. You can use the online viewer to manually build, tweak and render individual labels, or you can use the web service to ZPL-enable your own software.

Providing their online viewer with my example would result with the following image:

Work order
Work order image example generated from ZPL code.

It works. It’s everything I need. The problem is solved.

Right?

Wrong!

The Labelary engine can not be used locally without relying on the public web service which was one of the important requirements this project had to meet.

Not being able to find any meaningful alternative after that I resorted to writing my own ZPL converter. Searching for alternatives and poking around ZPL with Labelary wasn’t for naught since I learned that there are only few relevant ZPL commands i needed to utilize to make the conversion possible. These are discussed in the following chapters.

Graphics in ZPL

The language commands always start with a caret (^) or tilde sign (~). Currently, more than 170 commands exist in ZPL. Each format has to start with the command ^XA and end with ^XZ. Just one other command which defines graphic image in ZPL is of importance and that is the ~DG (Download Graphics) command. The whole image I needed to extract was inside that single command. Now was the time to finally take a peak at that ZPL manual where, on page 158, the ~DG command is thoroughly explained.

The ~DG command downloads an ASCII Hex representation of a graphic image. If .GRF is not the specified file extension, .GRF is automatically appended.

Format: ~DGd:o.x,t,w,data

Parameters:

  • d
    • Device to store image
    • Values: R:, E:, B: A:
    • Default: R:
  • o
    • Image name
    • Values: 1 to 8 alphanumeric characters
    • If a name is not specified, UNKNOWN is used
  • x
    • Extension
    • Format: .GRF
  • t
    • Total number of bytes in the graphic
  • w
    • Number of bytes per row
  • data
    • The data string defines the image and is an ASCII hexadecimal representation of the image
    • Each character represents a horizontal nibble of four dots

After that there is a simple example which was a perfect starting reference for testing out ZPL conversion during development:

~DGR:SAMPLE.GRF,00080,010,
FFFFFFFFFFFFFFFFFFFF
8000FFFF0000FFFF0001
8000FFFF0000FFFF0001
8000FFFF0000FFFF0001
FFFF0000FFFF0000FFFF
FFFF0000FFFF0000FFFF
FFFF0000FFFF0000FFFF
FFFFFFFFFFFFFFFFFFFF
^XA
^FO20,20^XGR:SAMPLE.GRF,1,1^FS
^XZ

This is an example of using the ~DG command to load a checkerboard pattern shown below. The name used to store the graphic is SAMPLE.GRF.

Checkerboard pattern
Checkerboard pattern image example generated from ZPL code.

ZPL to image conversion

The steps for converting ZPL to an image seemed pretty straightforward:

  1. Extract the ~DG command from ZPL
  2. Extract the data parameter from the ~DG command
  3. Turn each hexadecimal character from data to a horizontal nibble of four bits
  4. Draw an image pixel by pixel (bit 1 = black pixel, bit 0 = white pixel)

They were also straightforward to implement and after a bit of work I had the simple example ZPL conversion to an image working flawlessly. The only problem was, when testing it out on the work order example I was given, it did not work. After a closer inspection of the data parameter you can see it starts out like this:

,:lK03FHF0,lK03FFE0,:lK07FFC0,lK0IFE0,lK07FFC0,lK0IFC0,:lK0IF80,:lJ01FHF80,lJ01FDF,,::::::lJ0J404H4H0J4H07FFC0H0I4H0704H405FE0I01FF04I404H405FC0,

Wait a minute… Those aren’t hexadecimal characters.

After digging around a bit more I found out that a custom compression scheme can be used for data in ~DG commands. It is explained in detail on page 1582 of the ZPL manual but here is the summary:

  • Uppercase letters from G to Y and lowercase letters from g to z represent repeat counts on a subsequent hexadecimal value
    • G: 1, H: 2, I: 3, ..., X: 18, Y: 19, g: 20, h: 40, i: 60, ..., y: 380, z: 400
    • Several repeat values can be used together to achieve any desired value
    • Example 1: M6 represents 6666666
    • Example 2: hB represents BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB
    • Example 3: vMB or MvB represents 327 hexadecimal B’s
  • A comma (,) fills the line, to the right, with hexadecimal 0’s

  • An exclamation mark (!) fills the line, to the right, with hexadecimal F’s

  • A colon (:) denotes repetition of the previous line

Following those rules I implemented the data decompression as an extra step after extracting the data parameter from the ~DG command. After that the full ZPL to image conversion was complete and I could finally convert the work order ZPL code example I was given into an appropriate image.

Image to ZPL conversion

Do everything in reverse!

This was rather easy to implement since I already had the ZPL to image conversion. I only had to reverse the steps:

  1. Convert image to black and white and read it pixel by pixel (black pixel = bit 1, white pixel = bit 0)
  2. Turn each horizontal nibble of four bits into a hexadecimal character for data parameter
  3. Compress the data
  4. Generate the ~DG command with compressed data
  5. Generate the ZPL with generated ~DG command

Inject an image into ZPL code

Put everything together!

This can now be easily done by combining the conversions:

  1. Do a ZPL to image conversion
  2. Use Pillow to inject desired image into image got from ZPL
  3. Do an image to ZPL conversion

Conclusion

Working with graphics is only a small portion of ZPL capabilities and you can find out all about it in this article (3 commands down, 167 more to go). For everything else please consult the manual.

Source code for everything discussed in this article can be found here.





comments powered by Disqus