Html5 canvas 将二维码画布转换为图像

我需要生成二维码并显示在凭证上。我有一个打印链接。点击打印链接，我会得到qrcode和一些其他细节的打印

但是我读到画布不能用javascript打印

我需要将画布转换为图像，然后显示在凭证页面上，以便打印

代码在这里

<div class="qrcode${voucher.voucherId}" style="float:left;" >
          <canvas width="100" height="100"></canvas>                        
</div>


$('.qrcode'+voucherid).qrcode({
                                width: 100,
                                height: 100,
                                text: ""+voucherid+"",
                                size: 100
                            });

$（'.qrcode'+voucherid）.qrcode({
宽度：100，
身高：100，
文本：“+voucherid+”，
尺码：100
});

---

请建议。

这是我将页面中的第一个画布保存为png的代码。 在谷歌浏览器上测试

// Save first canvas object in current document to png.

var canv = document.getElementsByTagName("canvas")[0],
    zz = document.createElement("a");
zz.href = canv.toDataURL();
zz.setAttribute("download", "Canvas_" + (new Date).getTime() + ".png");
var myEvt = document.createEvent("MouseEvents");
myEvt.initEvent("click", !1, !0);
zz.dispatchEvent(myEvt);