因为项目有个功能需要打印二维码,因为我比较喜欢使用html+css+js实现,所以首先想到的是jquery.qrcode.js插件,这个插件可以用canvas和table生成二维码,效果也不错,不过对中文支持有问题,这个插件默认使用canvas,所以使用IE的时候,需要指定参数render,只要参数值不是canvas就会用table生成。由于这个问题,我在github,fork了一个,做了如下的修改:
//true if support
function canvasSupport() {
return !!document.createElement('canvas').getContext;
}
return this.each(function(){
//if the browser not support canvas,then table.
if(!canvasSupport()){
options.render = "table";
}
var element = options.render == "canvas" ? createCanvas() : createTable();
$(element).appendTo(this);
});
修改后就不需要指定render参数,如果不支持canvas就会用table.
使用canvas有个缺点就是网页打印的时候显示不出来...这个问题好像已经有解决办法了,我没有去找,我直接用的table。不过打印似乎仍然有问题。
jquery.qrcode.js插件地址:https://github.com/jeromeetienne/jquery-qrcode
js有问题,所以只能通过zxing来输出二维码,写了如下的servlet代码:
@SuppressWarnings("serial")
public class QrCodeServlet extends HttpServlet {
private static final int BLACK = -16777216;
private static final int WHITE = -1; private BufferedImage toBufferedImage(BitMatrix matrix) {
int width = matrix.getWidth();
int height = matrix.getHeight();
BufferedImage image = new BufferedImage(width, height,BufferedImage.TYPE_INT_ARGB);
for (int x = 0; x < width; x++) {
for (int y = 0; y < height; y++) {
image.setRGB(x, y, matrix.get(x, y) ? BLACK : WHITE);
}
}
return image;
} @Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
try {
String content = req.getParameter("m");
if(content==null||content.equals("")){
resp.setContentType("text/plain;charset=UTF-8");
resp.getOutputStream().write("二维码内容不能为空!".getBytes("utf-8"));
resp.getOutputStream().close();
}
int imgWidth = 110;
int imgHeight = 110; String width = req.getParameter("w");
String height = req.getParameter("h");
if(width!=null&&!width.equals("")){
try {
imgWidth = Integer.parseInt(width);
} catch (Exception e) {}
}
if(height!=null&&!height.equals("")){
try {
imgHeight = Integer.parseInt(height);
} catch (Exception e) {}
} BitMatrix byteMatrix;
Hashtable<EncodeHintType, Object> hints = new Hashtable<EncodeHintType, Object>();
hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);
byteMatrix = new MultiFormatWriter().encode(
new String(content.getBytes("UTF-8"),"ISO-8859-1"),
BarcodeFormat.QR_CODE,
imgWidth,
imgHeight,
hints); BufferedImage image = toBufferedImage(byteMatrix);
resp.setContentType("image/png");
ImageIO.write(image, "png", resp.getOutputStream());
} catch (Exception e) { }
}
}
参数m必须有,参数h、w可选,默认的宽高为110px。
由于zxing默认的编码为ISO-8859-1,所以使用其他编码的时候会出现乱码,即使执行其他的编码方式,还是有问题,如果转换为ISO-8859-1就没有乱码。
还有一个很重要的内容,就是使用zxing的时候必须导出png格式的二维码,导出jpg格式的时候,颜色就不是黑白的,很让人费解,希望有人能给出原因。
二维码效果图: