複数ページの線画をスケーリングせずにブラウザーで印刷

Question

複数ページの線画をスケーリングせずにブラウザーで印刷して組み立てることができます。 1インチは1インチにする必要があります。アライメントマークと水平/垂直ページ番号はプラスになります。

私はこれを達成するためにSVGで遊んだことがあり、失敗しました。私はまた、12 "x 12"のボックスのpdfを作成しました。

私は試みたfiddleを作成しました。それは印刷されますが、大規模ではなく、1ページのみに印刷されます。ここにjavascriptがあります。

 printSVG = function() { 
      alert("Print") 
      var popUpAndPrint = function() { 

      var printWindow = window.open('', 'PrintMap'); 
      var toPrint = $('#toPrint') 

      printWindow.document.writeln(toPrint.html()) 
      printWindow.document.close(); 
      printWindow.print(); 
      printWindow.close(); 
      }; 
      setTimeout(popUpAndPrint, 500); 
     }; 

とSVG

<svg width="12in" height="12in"> 
    <polyline points=" 
     0,0 
     1200,1200 
     " style="fill:none;stroke:black;stroke-width:1;" /> 
    <polyline points=" 
     1200,0 
     0,1200 
     " style="fill:none;stroke:black;stroke-width:1" /> 
    <polyline points=" 
     0,0 
     1200,0 
     1200,1200 
     0,1200 
     0,0 
     " style="fill:none;stroke:black;stroke-width:1" /> 
</svg> 

Answer 1

私は完全に12インチの測定に従うこと（Chromeで）それを得ることができませんでしたが、私は大きな寸法を使用するように言ったとき、私は近くに来た：https://jsfiddle.net/dnx5s6h1/16/

CSSを使って（コピーされたDIVの中で）、私はそのページが通常の8.5インチx 11インチで、内容が20インチであるとブラウザに指示しました。それから、それは最終的に複数のページに従い、印刷されました。

<style> 
    @media only print 
    { 
    html, body 
    { 
     width: 8in; 
     height: 10in; 
     margin: .5in; 
    } 
    } 
</style> 

あなたのページの下部に印刷するには、SVGオブジェクトに自由に余白を付けてください。

Answer 2

ブラウザでSVGを印刷する方法がありません。 Pdfはより良くサポートされていますので、私はjsPDFを試してみます。