나는 인쇄에 약간의 문제가 발생하고있어 canvas
elements
사용 onClick
과는 javascript
function
를 인쇄 canvas
elements
같은 인쇄 작업에서 두 페이지에.
지금 jsPDF
은 사용자가 저장할 수 있도록 다운로드 가능한 PDF를 만드는 데 사용 하고 있습니다. 의도 한대로 작동합니다.
또한 각각 canvas
을 페이지로 인쇄하는 인쇄 기능을 만들고 싶습니다 .
의 autoprint
기능을 사용 jsPDF
하는 것은 분명한 대답처럼 보였지만 불행히도 canvas
동일한 페이지에 함께 얽힌 세로 형식으로 페이지 를 뱉어 낼 수있었습니다 . canvas
elements
각각의 페이지에 각각 인쇄 된 가로로 인쇄하지만 동일한 인쇄 작업 내에서 인쇄하고 싶습니다 .
javascript
이미지 인쇄를위한 다른 솔루션을 살펴 봤지만 모두 이미지에 대한 외부 소스를 가정합니다. 나는 toDataURL()
이미 만든 것만 가리키는 그런 솔루션이 필요합니다 .
나는 이것이 이전에 어딘가에서 답을 얻었을 것이라고 확신하지만 지금까지 올바르게 결합 할 수 없었습니다.
여기에 jsPDF
내가 원하지 않는 위에 나열된 세로 형식을 뱉어내는 것에 대해 함께 자갈을 만들었습니다.
function print() {
ctx1.drawImage(c2,0,0);
ctx1.drawImage(c3,0,0);
var imgData1 = planner1.toDataURL();
var imgData2 = planner2.toDataURL();
var pdf = new jsPDF('l', 'pt', 'letter');
pdf.addImage(imgData1, 'PNG', 0, 0, 0, 0, 'IMG1', 'fast');
pdf.addPage();
pdf.addImage(imgData2, 'PNG', 0, 0, 0, 0, 'IMG2', 'fast');
pdf.autoPrint();
}
autoPrint()
다른 크기와 형식을 지원 하기 위해 조작하는 방법을 아는 사람이 있다면 jsPDF
문서가 약간 필요하기 때문에 그것에 대해 듣고 싶습니다 .
그렇지 않으면 png
다른 옵션과 동일한 인쇄 작업에서 인쇄 할 수있는 두 글자 크기의 이미지를 만들 것입니다.
나는 이것에 대한 도움에 영원히 감사 할 것입니다.
글쎄 jsPDF는 그것을 할 수 없었기 때문에 나는 길을 갔다 png
. 가장 우아한 솔루션은 아니지만 (다른 창을 열지 않고 닫을 필요가 없었을 것입니다) 내가 원하는 것을 정확하게 인쇄합니다 ....
<script>
function print() {
ctx1.drawImage(c2,0,0);
ctx1.drawImage(c3,0,0);
var win = window.open();
win.document.write("<img src='"+planner1.toDataURL()+"'/><img src='"+planner2.toDataURL()+"'/>");
win.print();
win.window.close();
window.location.href = '../php/planner.php?pln=<?php echo $user ?>';
}
</script>
또한 css
머리글과 바닥 글이 인쇄되지 않도록 일부 를 추가했습니다 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다