javascript - 用画布打印网页

Question

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

我读到在某些情况下使用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+'"/>');
    });