現在、JavaScriptでPDFを印刷プレビューで表示しております。
そのプレビュー画面のサイズを大きくする方法が分かりません。
PDFのサイズは変更できますが、
ダイアログ自体を変更方法をご存知の方はご教授お願いします。
/* 印刷プレビュー用 */ async function loadPrintImage(purl) { await printImage(purl, "printarea"); // 印刷プレビュー await window.print(); } /* 印刷用PDF読み込み */ async function printImage(purl, ptarget) { //ここにPDFのURL var url = purl; var pdfjsLib = window['pdfjs-dist/build/pdf']; // pdf.worker.js のURL(フォルダ階層に気を付けること。) pdfjsLib.GlobalWorkerOptions.workerSrc = "../Js/build/pdf.worker.js"; var loadingTask = pdfjsLib.getDocument(url); var pdfjs_target = document.getElementById(ptarget); var page_w = 1000; var scale = 3.0; ptarget.width = "1500px"; ptarget.height = "200px"; return await loadingTask.promise.then( async function (pdf) { for (var i = 0; i < pdf._pdfInfo.numPages; i++) { await pdf.getPage(i + 1).then(async function (page) { var viewport = page.getViewport({ scale: scale }) // 改ページ用にdivを定義 var phead = document.createElement("div"); phead.className = "phead"; var pcanvas = document.createElement("canvas"); var pcontext = pcanvas.getContext("2d"); pcanvas.width = viewport.width; pcanvas.height = viewport.height; //pcanvas.style.width = "96%"; pcanvas.style.width = "100%"; // タグを追加 pdfjs_target.appendChild(pcanvas); var prenderContext = { canvasContext: pcontext, viewport: viewport }; var prenderTask = page.render(prenderContext); await prenderTask.promise.then(function () { }); }); } } ); }
補足情報
Google Chome
Visual Studio 2019
