使用画布打印网页

Question

我在这个项目上使用canvas我正在努力允许用户添加他们的签名。我很难将这个画布签名打印在纸上。使用谷歌浏览器，画布在打印预览中很好地显示，但在打印出的纸张上根本不显示。

我在某些情况下使用toDataURL读取并用图像替换画布区域，解决了打印输出问题。但是，就我而言，这样做并没有解决问题。我想知道这个问题是否有任何替代解决方案。

我感谢任何建议。

非常感谢提前！

这就是我的尝试：

    var sktch = $('#simple_sketch').sketch();
    var cleanCanvas = $('#simple_sketch')[0];

    $('.save-signature').click(function(){
         /* replace canvas with image */
         var canvas = document.getElementById("simple_sketch");
         var img    = canvas.toDataURL("image/png");
         $('.signature-buttons').replaceWith('');
        document.getElementById("signature").value = document.getElementById("simple_sketch").toDataURL("image/png");
         $('#simple_sketch').replaceWith('<img style="border-bottom:2px solid black;" src="'+img+'"/>');
    });