Javascript 用画布打印网页

Javascript 用画布打印网页,javascript,jquery,html,canvas,printing,Javascript,Jquery,Html,Canvas,Printing,我在这个项目上使用画布,允许用户添加他们的签名。我很难把这张帆布签名打印在纸上。使用Google Chrome,画布在打印预览中显示得很好,但在打印出来的纸张上根本不显示 我了解到,在某些情况下,使用toDataURL并用图像替换画布区域,可以解决打印输出问题。然而,就我而言,这样做并不能解决问题。我想知道这个问题是否有其他解决办法 谢谢你的建议 非常感谢 这就是我所尝试的: var sktch = $('#simple_sketch').sketch(); var cleanC

我在这个项目上使用画布,允许用户添加他们的签名。我很难把这张帆布签名打印在纸上。使用Google Chrome,画布在打印预览中显示得很好,但在打印出来的纸张上根本不显示

我了解到,在某些情况下,使用
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+'"/>');
    });
var sktch=$('simple_sketch').sketch();
var cleancavas=$('simple#u sketch')[0];
$('.save signature')。单击(函数(){
/*用图像替换画布*/
var canvas=document.getElementById(“简单草图”);
var img=canvas.toDataURL(“image/png”);
$('.signature buttons')。替换为('');
document.getElementById(“签名”).value=document.getElementById(“简单草图”).toDataURL(“图像/png”);
$('simple_sketch')。替换为('';
});

请提供更多信息!:)打印时您的签名是否像素化?您是如何捕获签名的?您如何打印签名?谢谢您的回复。我正在使用Google Chrome或Firefox的打印对话框打印签名以及网页的其余部分。我的签名根本不打印(签名应在页面上的区域填写空白)。此外,在Chrome的打印预览中,所有内容都非常出色,但在纸上却没有。用户使用上面的JavaScript代码单击“保存签名”后,签名实际上会转换为png图像文件,但是,这并不能解决签名在纸上的打印问题。