本文介绍了使用PHP或Javascript为Zebra打印机将RGB图像转换为Floyd-Steinberg图像的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在开发基于桌面的 PHP 应用程序，我们需要使用Zebra GC420t打印机捕获人物图像并将其打印在标签上
预期图像应该如下图所示。
我使用以下代码进行转换 rgb 图像到抖动图像使用 php 代码
$ photo_url =;
if（isset（$ _ GET ['photo']））{
$ photo_url = $ _ GET ['photo'];
}
函数image2grf（$ filename ='$ photo_url'，$ targetname ='R：IMAGE.GRF'）
{
$ info = getimagesize（$文件名）;
$ im = imagecreatefrompng（$ filename）;
$ width = $ info [0]; // imagesx（$ im）;
$ height = $ info [1]; // imagesy（$ im）;
$ depth = $ info ['bits']？：1;
$ threshold = $ depth> 1？ 160：0;
$ hexString ='';
$ byteShift = 7;
$ currentByte = 0;
//迭代所有图像像素
for（$ y = 0; $ y< $ height; $ y ++）{
for（$ x = 0; $ x< $ width ; $ x ++）{
$ color = imagecolorat（$ im，$ x，$ y）;
//从RGB颜色计算灰度值
if（$ depth> 1）{
$ value = max（$ color>> 16，$ color>> 8& ; 255，$ color& 255）;
}其他{
$ value = $ color;
}
//当前像素的设置（反转）位
$ currentByte | =（（$ value> $ threshold？0：1）<<< $ byteShift）;
$ byteShift--;
// 8个像素填充一个字节=>如果（$ byteShift< 0）{
$ hexString。= sprintf（'％02X'，$ currentByte）;将输出附加为十六进制
;
$ currentByte = 0;
$ byteShift = 7;
}
}
//追加行结尾的最后一个字节
if（$ byteShift< 7）{
$ hexString。= sprintf（'％02X' ，$ currentByte）;
$ currentByte = 0;
$ byteShift = 7;
}
$ hexString。= PHP_EOL;
}
//撰写ZPL~DG命令
$ totalBytes = ceil（（$ width * $ height）/ 8）;
$ bytesPerRow = ceil（$ width / 8）;
返回sprintf（'~DG％s，％05d，％03d，'。PHP_EOL，$ targetname，$ totalBytes，$ bytesPerRow）。 $十六进制串;
}
//用法：
打印^ XA N ^ XZ。 PHP_EOL;
print image2grf（$ photo_url，'R：SAMPLE.GRF'）;
//打印^ XA ^ FO20,20 ^ XGR：SAMPLE.GRF，1,1 ^ FS ^ XZ。 PHP_EOL;
我正在使用以下 javascript 代码
var available_printers = null;
var selected_category = null;
var default_printer = null;
var selected_printer = null;
var format_start =^ XA ^ LL200 ^ FO80,50 ^ A0N36,36 ^ FD;
var format_end =^ FS ^ XZ;
var default_mode = true;
function setup_web_print（）
{
$（'＃printer_select'）。on（'change'，onPrinterSelected）;
showLoading（Loading Printer Information ...）;
default_mode = true;
selected_printer = null;
available_printers = null;
selected_category = null;
default_printer = null;
BrowserPrint.getDefaultDevice（'printer'，function（printer）
{
default_printer = printer
if（（printer！= null）&&（printer .connection！= undefined））
{
selected_printer = printer;
var printer_details = $（'＃printer_details'）;
var selected_printer_div = $（'＃selected_printer'）;
selected_printer_div.text（使用默认打印机：+ printer.name）;
hideLoading（）;
printer_details.show（）;
$（'＃ print_form'）。show（）;
}
BrowserPrint.getLocalDevices（函数（打印机）
{
available_printers = printers;
var sel = document .getElementById（printers）;
var printers_available = false;
sel.innerHTML =;
if（printers！= undefined）
{
for（var i = 0;我< printers.length; i ++）
{
if（printers [i] .connection =='usb'）
{
var opt = document.createElement（option）;
opt.innerHTML = printers [i] .connection +：+ printers [i] .uid;
opt.value = printers [i] .uid;
sel.appendChild（opt）;
printers_available = true;
}
}
}
if（！printers_available）
{
showErrorMessage（找不到Zebra打印机！）;
hideLoading（）;
$（'＃print_form'）。hide（）;
返回;
}
else if（selected_printer == null）
{
default_mode = false;
changePrinter（）;
$（'＃print_form'）。show（）;
hideLoading（）;
}
}，undefined，'printer'）;
}，
函数（error_response）
{
showBrowserPrintNotFound（）;
}）;
};
function showBrowserPrintNotFound（）
{
showErrorMessage（尝试连接到Zebra打印机时出错。您可能没有安装Zebra Browser Print，或者它可能没有运行。安装Zebra浏览器打印，或启动Zebra Browser Print Service，然后重试。）;
};
// new Date（）。toLocaleTimeString（'en-US'，{hour12：false，
// hour：numeric，
//分钟：numeric}）;
函数sendData（photoURL）
{
var test;
$ .ajax（{
url：'db / zpl.php？photo ='+ photoURL，
cache：false，
contentType：false，
processData： false，
类型：'GET'，
成功：函数（数据）{
test = data;
console.log（来自ZPL：+数据）;
}
}）;
var mob =，lap =，other =;
if（$（＃emobile）。val（）===on）{
mob =Mobile;
}
if（$（＃elaptop）。val（）===on）{
lap =Laptop;
}
if（$（＃eother）。val（）===on）{
other =Other;
}
showLoading（Printing ...）;
checkPrinterStatus（函数（文本）{
if（text ==Ready to Print）
{
selected_printer.send（^ XA N ^ XZ）;
selected_printer.send（~DYE：SAMPLE.GRF，A，GRF，5000,030+ test +，A）; selected_printer.send（^ XA ^ FX ^ CFA，30 ^ FO10,70 ^ FDVisitorName： + $（＃user）。val（）+^ FS ^ FO10,120 ^ FDCompany：+ $（＃compName）。val（）+^ FS ^ FO10,170 ^ FDTo Meet： + $（＃toMeet）。val（）+^ FS ^ FO10,220 ^ FDPurpose：+ $（＃reason）。val（）+^ FS ^ FO10,270 ^ FDAuthorise ^ FS ^ FO10 ，320 ^ FDto Carry：+ mob ++ lap +^ FS ^ FO250,70 ^ XG R：SAMPLE.GRF，1,1 ^ FS ^ XZ）;
}
else
{
printerError（text）;
}
}）;
};
函数checkPrinterStatus（finishedFunction）
{
selected_printer.sendThenRead（~HQES，
function（text）{
var that = this;
var statuses = new Array（）;
var ok = false;
var is_error = text.charAt（70）;
var media = text.charAt（88）;
var head = text.charAt（87）;
var pause = text.charAt（84）;
//检查每个阻止打印的标志
if（is_error =='0' ）
{
ok = true;
statuses.push（准备打印）;
}
if（media =='1'）
statuses.push（Paper out）;
if（media =='2'）
statuses.push（Ribbon Out）;
if（media =='4'）
statuses.push（Media Door Open）;
if（media =='8'）
statuses.push（Cutter Fault）;
if（head =='1'）
statuses.push（Printhead Overheating）;
if（head =='2'）
statuses.push（Motor Overheating）;
if（head =='4'）
statuses.push（Printhead Fault）;
if（head =='8'）
statuses.push（不正确的打印头）;
if（pause =='1'）
statuses.push（Printer Paused）;
if（（！ok）&&（statuses.Count == 0））
statuses.push（错误：未知错误）;
finishedFunction（statuses.join（））;
}，printerError）;
};
函数hidePrintForm（）
{
$（'＃print_form'）。hide（）;
};
函数showPrintForm（）
{
$（'＃print_form'）。show（）;
};
function showLoading（text）
{
$（'#loading_message'）。text（text）;
$（'＃printer_data_loading'）。show（）;
hidePrintForm（）;
$（'＃printer_details'）。hide（）;
$（'＃printer_select'）。hide（）;
};
函数printComplete（）
{
hideLoading（）;
alert（打印完成）;
}
函数hideLoading（）
{
$（'＃printer_data_loading'）。hide（）;
if（default_mode == true）
{
showPrintForm（）;
$（'＃printer_details'）。show（）;
}
其他
{
$（'＃printer_select'）。show（）;
showPrintForm（）;
}
};
函数changePrinter（）
{
default_mode = false;
selected_printer = null;
$（'＃printer_details'）。hide（）;
if（available_printers == null）
{
showLoading（查找打印机......）;
$（'＃print_form'）。hide（）;
setTimeout（changePrinter，200）;
返回;
}
$（'＃printer_select'）。show（）;
onPrinterSelected（）;
}
函数onPrinterSelected（）
{
selected_printer = available_printers [$（'＃printers'）[0] .selectedIndex];
}
函数showErrorMessage（text）
{
$（'＃main'）。hide（）;
$（'＃error_div'）。show（）;
$（'＃error_message'）。html（text）;
}
function printerError（text）
{
showErrorMessage（打印时出错。请再试一次。+ text）;
}
函数trySetupAgain（）
{
$（'＃main'）。show（）;
$（'＃error_div'）。hide（）;
setup_web_print（）;
// hideLoading（）;
}
在下面的函数中，我发送打印所需的参数
selected_printer.send（^ XA ^ FX ^ CFA，30 ^ FO10,70 ^ FDVisitorName：+ $（＃user） .val（）+^ FS ^ FO10,120 ^ FDCompany：+ $（＃compName）。val（）+^ FS ^ FO10,170 ^ FDTo Meet：+ $（＃toMeet）。 val（）+^ FS ^ FO10,220 ^ FDPurpose：+ $（＃reason）。val（）+^ FS ^ FO10,270 ^ FDAuthorise ^ FS ^ FO10,320 ^ FDto Carry：+ mob + + + lap +^ FS ^ FO250,70 ^ XG R：SAMPLE.GRF，1,1 ^ FS ^ XZ）;
在上面的函数中，图像数据存储在 ^ FO250,70 ^ XG R：SAMPLE.GRF，1,1 ^ FS
当我将数据发送到打印机时，它会正确打印所有文本但打印如第二图像所示的图像，但是如第一图像所示的要打印的预期图像。如果我在
这是输出：
I am developing a desktop based PHP application where we need to capture image of a person and print it on the label using Zebra GC420t printerThe expected image should look like below image.
When I try to print the it gives the output like below image.
I am using the following code for the conversion of the rgb image to dithering image using php code
$photo_url="";
if(isset($_GET['photo'])){
$photo_url=$_GET['photo'];
}
function image2grf($filename='$photo_url', $targetname = 'R:IMAGE.GRF')
{
$info = getimagesize($filename);
$im = imagecreatefrompng($filename);
$width = $info[0]; // imagesx($im);
$height = $info[1]; // imagesy($im);
$depth = $info['bits'] ?: 1;
$threshold = $depth > 1 ? 160 : 0;
$hexString = '';
$byteShift = 7;
$currentByte = 0;
// iterate over all image pixels
for ($y = 0; $y < $height; $y++) {
for ($x = 0; $x < $width; $x++) {
$color = imagecolorat($im, $x, $y);
// compute gray value from RGB color
if ($depth > 1) {
$value = max($color >> 16, $color >> 8 & 255, $color & 255);
} else {
$value = $color;
}
// set (inverse) bit for the current pixel
$currentByte |= (($value > $threshold ? 0 : 1) << $byteShift);
$byteShift--;
// 8 pixels filled one byte => append to output as hex
if ($byteShift < 0) {
$hexString .= sprintf('%02X', $currentByte);
$currentByte = 0;
$byteShift = 7;
}
}
// append last byte at end of row
if ($byteShift < 7) {
$hexString .= sprintf('%02X', $currentByte);
$currentByte = 0;
$byteShift = 7;
}
$hexString .= PHP_EOL;
}
// compose ZPL ~DG command
$totalBytes = ceil(($width * $height) / 8);
$bytesPerRow = ceil($width / 8);
return sprintf('~DG%s,%05d,%03d,' . PHP_EOL, $targetname, $totalBytes, $bytesPerRow) . $hexString;
}
// Usage:
print "^XA N ^XZ" . PHP_EOL;
print image2grf($photo_url, 'R:SAMPLE.GRF');
//print "^XA^FO20,20^XGR:SAMPLE.GRF,1,1^FS^XZ" . PHP_EOL;
I am connecting my application and passing parameters to the printer using below javascript code
var available_printers = null;
var selected_category = null;
var default_printer = null;
var selected_printer = null;
var format_start = "^XA^LL200^FO80,50^A0N36,36^FD";
var format_end = "^FS^XZ";
var default_mode = true;
function setup_web_print()
{
$('#printer_select').on('change', onPrinterSelected);
showLoading("Loading Printer Information...");
default_mode = true;
selected_printer = null;
available_printers = null;
selected_category = null;
default_printer = null;
BrowserPrint.getDefaultDevice('printer', function(printer)
{
default_printer = printer
if((printer != null) && (printer.connection != undefined))
{
selected_printer = printer;
var printer_details = $('#printer_details');
var selected_printer_div = $('#selected_printer');
selected_printer_div.text("Using Default Printer: " + printer.name);
hideLoading();
printer_details.show();
$('#print_form').show();
}
BrowserPrint.getLocalDevices(function(printers)
{
available_printers = printers;
var sel = document.getElementById("printers");
var printers_available = false;
sel.innerHTML = "";
if (printers != undefined)
{
for(var i = 0; i < printers.length; i++)
{
if (printers[i].connection == 'usb')
{
var opt = document.createElement("option");
opt.innerHTML = printers[i].connection + ": " + printers[i].uid;
opt.value = printers[i].uid;
sel.appendChild(opt);
printers_available = true;
}
}
}
if(!printers_available)
{
showErrorMessage("No Zebra Printers could be found!");
hideLoading();
$('#print_form').hide();
return;
}
else if(selected_printer == null)
{
default_mode = false;
changePrinter();
$('#print_form').show();
hideLoading();
}
}, undefined, 'printer');
},
function(error_response)
{
showBrowserPrintNotFound();
});
};
function showBrowserPrintNotFound()
{
showErrorMessage("An error occured while attempting to connect to your Zebra Printer. You may not have Zebra Browser Print installed, or it may not be running. Install Zebra Browser Print, or start the Zebra Browser Print Service, and try again.");
};
// new Date().toLocaleTimeString('en-US', { hour12: false,
// hour: "numeric",
// minute: "numeric"});
function sendData(photoURL)
{
var test;
$.ajax({
url: 'db/zpl.php?photo='+photoURL,
cache: false,
contentType: false,
processData: false,
type: 'GET',
success: function(data) {
test=data;
console.log("From ZPL:"+data);
}
});
var mob="",lap="",other="";
if($("#emobile").val()==="on"){
mob="Mobile";
}
if($("#elaptop").val()==="on"){
lap="Laptop";
}
if($("#eother").val()==="on"){
other="Other";
}
showLoading("Printing...");
checkPrinterStatus( function (text){
if (text == "Ready to Print")
{
selected_printer.send("^XA N ^XZ");
selected_printer.send("~DYE:SAMPLE.GRF,A,GRF,5000,030"+test+",A"); selected_printer.send("^XA^FX^CFA,30^FO10,70^FDVisitorName:"+$("#user").val()+"^FS^FO10,120^FDCompany:"+$("#compName").val()+"^FS ^FO10,170^FDTo Meet:"+$("#toMeet").val()+"^FS ^FO10,220^FDPurpose:"+$("#reason").val()+"^FS ^FO10,270^FDAuthorise^FS ^FO10,320^FDto Carry:"+mob+" "+lap+"^FS^FO250,70^XG R:SAMPLE.GRF,1,1^FS^XZ");
}
else
{
printerError(text);
}
});
};
function checkPrinterStatus(finishedFunction)
{
selected_printer.sendThenRead("~HQES",
function(text){
var that = this;
var statuses = new Array();
var ok = false;
var is_error = text.charAt(70);
var media = text.charAt(88);
var head = text.charAt(87);
var pause = text.charAt(84);
// check each flag that prevents printing
if (is_error == '0')
{
ok = true;
statuses.push("Ready to Print");
}
if (media == '1')
statuses.push("Paper out");
if (media == '2')
statuses.push("Ribbon Out");
if (media == '4')
statuses.push("Media Door Open");
if (media == '8')
statuses.push("Cutter Fault");
if (head == '1')
statuses.push("Printhead Overheating");
if (head == '2')
statuses.push("Motor Overheating");
if (head == '4')
statuses.push("Printhead Fault");
if (head == '8')
statuses.push("Incorrect Printhead");
if (pause == '1')
statuses.push("Printer Paused");
if ((!ok) && (statuses.Count == 0))
statuses.push("Error: Unknown Error");
finishedFunction(statuses.join());
}, printerError);
};
function hidePrintForm()
{
$('#print_form').hide();
};
function showPrintForm()
{
$('#print_form').show();
};
function showLoading(text)
{
$('#loading_message').text(text);
$('#printer_data_loading').show();
hidePrintForm();
$('#printer_details').hide();
$('#printer_select').hide();
};
function printComplete()
{
hideLoading();
alert ("Printing complete");
}
function hideLoading()
{
$('#printer_data_loading').hide();
if(default_mode == true)
{
showPrintForm();
$('#printer_details').show();
}
else
{
$('#printer_select').show();
showPrintForm();
}
};
function changePrinter()
{
default_mode = false;
selected_printer = null;
$('#printer_details').hide();
if(available_printers == null)
{
showLoading("Finding Printers...");
$('#print_form').hide();
setTimeout(changePrinter, 200);
return;
}
$('#printer_select').show();
onPrinterSelected();
}
function onPrinterSelected()
{
selected_printer = available_printers[$('#printers')[0].selectedIndex];
}
function showErrorMessage(text)
{
$('#main').hide();
$('#error_div').show();
$('#error_message').html(text);
}
function printerError(text)
{
showErrorMessage("An error occurred while printing. Please try again." + text);
}
function trySetupAgain()
{
$('#main').show();
$('#error_div').hide();
setup_web_print();
//hideLoading();
}
In the function below I send the parameters that are required to print
selected_printer.send("^XA^FX^CFA,30^FO10,70^FDVisitorName:"+$("#user").val()+"^FS^FO10,120^FDCompany:"+$("#compName").val()+"^FS ^FO10,170^FDTo Meet:"+$("#toMeet").val()+"^FS ^FO10,220^FDPurpose:"+$("#reason").val()+"^FS ^FO10,270^FDAuthorise^FS ^FO10,320^FDto Carry:"+mob+" "+lap+"^FS^FO250,70^XG R:SAMPLE.GRF,1,1^FS^XZ");
In the above function the image data is stored in ^FO250,70^XG R:SAMPLE.GRF,1,1^FS
When I send the data to the printer it prints all the text properly but prints the image as shown in second image but the expected image to be print as shown in first image. I am able to print the first image if I hard code the conversion of the image done in labelary website. If I click the image in real time and print it gives second image.
解决方案
Have a look at this library GDIndexedColorConverter that's a simple library that convert an image into indexed color mode.
require 'GDIndexedColorConverter.php';
// create an image
$image = imagecreatefromjpeg('image.jpg');
// create a gd indexed color converter
$converter = new GDIndexedColorConverter();
// the color palette
$palette = array(
array(0, 0, 0),
array(255, 255, 255),
array(0, 0, 0),
array(0, 0, 0),
array(0, 0, 0)
);
// convert the image to indexed color mode
$new_image = $converter->convertToIndexedColor($image, $palette, 0.25);
// save the new image
imagepng($new_image, 'example_indexed_color.png', 0);
Here is the input:
And here is the output:
这篇关于使用PHP或Javascript为Zebra打印机将RGB图像转换为Floyd-Steinberg图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！