javascript - キャンバスを使用して Web ページを印刷する

Question

ユーザーが署名を追加できるようにするために取り組んでいるこのプロジェクトでキャンバスを使用しています。このキャンバスの署名を紙に印刷するのに非常に苦労しています. 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+'"/>');
    });