javascript - Quick Print HTML5 Canvas

Question

Ask a Question

Welcome To Ask or Share your Answers For Others

javascript - Quick Print HTML5 Canvas

asked Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

I want to send/print the canvas image directly to the default printer. That means a quick printing.

Anyone can give a hint.

Javascript or jQuery.

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

186 views

1 Answer

深蓝 · Answer 1 · 2021-10-23T17:59:17+0000

I have searched alot and found a solution which works perfectly :) Used onclick event

function printCanvas()  
{  
    var dataUrl = document.getElementById('anycanvas').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();
}

Categories

javascript - Quick Print HTML5 Canvas

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags