2017-11-13 7 views
1

私はfabricjsのキャンバスを印刷できるようにするために数週間苦労してきました。私は運なしにmentioned hereメソッドを試してみました。私は印刷ダイアログに行くことができますが、それはタイトルとページ情報のほかに空白です。誰かが私を正しい方向に向けることができますか?fabricjsキャンバスを印刷していますか?

私は現在、使用しています:あなたは、コンテンツがロードされた後、印刷操作を行う必要があり

// Trying to print 
function printCanvas() 
{ 
    var dataUrl = document.getElementById('c').toDataURL(); //attempt to save base64 string to server using this var 
    var windowContent = '<!DOCTYPE html>'; 
    windowContent += '<html>' 
    windowContent += '<head><title>Print canvas</title></head>'; 
    windowContent += '<body>' 
    windowContent += '<img src="' + dataUrl + '">'; 
    windowContent += '</body>'; 
    windowContent += '</html>'; 
    var printWin = window.open('','','width=340,height=260'); 
    printWin.document.open(); 
    printWin.document.write(windowContent); 
    printWin.document.close(); 
    printWin.focus(); 
    printWin.print(); 
    printWin.close(); 
} 

<button onclick="printCanvas()">Print</button> 

enter image description here

答えて

2

。次のコードは動作するはずです

function printCanvas() { 
    var dataUrl = document.getElementById('c').toDataURL(); //attempt to save base64 string to server using this var 
    var windowContent = '<!DOCTYPE html>'; 
    windowContent += '<html>' 
    windowContent += '<head><title>Print canvas</title></head>'; 
    windowContent += '<body>' 
    windowContent += '<img src="' + dataUrl + '" onload=window.print();window.close();>'; 
    windowContent += '</body>'; 
    windowContent += '</html>'; 
    var printWin = window.open('', '', 'width=340,height=260'); 
    printWin.document.open(); 
    printWin.document.write(windowContent); 
} 
+0

DataURLからキャプチャするイメージのサイズを増やすことは可能ですか?あなたが望むなら私は新しい質問を開くことができます。ありがとう! –

+0

toDataURL()で乗数を使用しませんでしたか? – user700284

+0

私は言うことができなかった –

関連する問題