Быстрая печать HTML5 Canvas
Я хочу отправить / распечатать изображение холста напрямую на принтер по умолчанию. Это означает быструю печать.
Любой может дать подсказку.
Javascript или JQuery.
Ответы на вопрос(3)
что при первой печати полотно было пустым. Я добавил прослушиватель событий, чтобы дождаться загрузки изображения / документа. Теперь холст готов к печати каждый раз. Вот's код, который работает для меня:
const dataUrl = document.getElementById('the-pdf-canvas').toDataURL();
let windowContent = '';
windowContent += '';
windowContent += '<title>Print canvas</title>';
windowContent += '';
windowContent += '<img src="' + dataUrl + '">';
windowContent += '';
windowContent += '';
const printWin = window.open('', '', 'width=' + screen.availWidth + ',height=' + screen.availHeight);
printWin.document.open();
printWin.document.write(windowContent);
printWin.document.addEventListener('load', function() {
printWin.focus();
printWin.print();
printWin.document.close();
printWin.close();
}, true);
ссылка на сайт, Это дает краткое руководство о том, как это сделать, но по сути вы получаете ссылочный URL с:toDataURL() и затем создайте img с тем же размером, назначив его src URL.
Это дает лучший шаг за шагом, что делать в HTML и CSS, так что просто посмотрите нассылка на сайт если ты нене понимаю, что я сказал.
Примечание. Я предполагал, что у вас возникли проблемы с взаимодействием с канвой для печати, но если вместо этого у вас возникли проблемы с драйвером принтера, то это, вероятно, бесполезно для вас.
) Используетсяпо щелчку событие
function printCanvas()
{
var dataUrl = document.getElementById('anycanvas').toDataURL(); //attempt to save base64 string to server using this var
var windowContent = '';
windowContent += ''
windowContent += '<title>Print canvas</title>';
windowContent += ''
windowContent += '<img src="' + dataUrl + '">';
windowContent += '';
windowContent += '';
var printWin = window.open('','','width=340,height=260');
printWin.document.open();
printWin.document.write(windowContent);
printWin.document.close();
printWin.focus();
printWin.print();
printWin.close();
}
printWin.print() может быть вызвандо страница загружена. Лучше добавить немного JavaScript вhead созданной страницы:window.onload = function () { window.print(); window.close();} и пропустите последние два утверждения в этом примере.