0
私はポスターをデザインするアプリケーションを開発していますが、現時点ではCSSについて考えていて、標準的なページサイズをさまざまな方向で出力する方法を少しデモで書きました。サイズ調整するページを印刷する
私はショッピングの詳細ページにプレビューウィンドウを表示し、後の段階で
私はページを縮小し、変換する方法で立ち往生しています（約後で考えるように）DIVからPDFを生成する必要がありますピクセルに変換する。たとえば、300dpiのA4ページ（21cm/29.7cm）をdivの最大幅500px @ 72dpiに変換するために使用するJSライブラリがありますか？私は約20の異なるサイズのページを期待しています。
私はプリントまたはウェブで働いていますが、参加しようとするとちょっと混乱します。私はA4、A3、A5のCSSで基本A4、A3ページサイジングのコードスニペットを持っています。ここに答えを持っていない
body {
background: rgb(204,204,204);
}
page {
background: white;
display: block;
margin: 0 auto;
margin-bottom: 0.5cm;
box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A4"] {
width: 21cm;
height: 29.7cm;
}
page[size="A4"][layout="portrait"] {
width: 29.7cm;
height: 21cm;
}
page[size="A3"] {
width: 29.7cm;
height: 42cm;
}
page[size="A3"][layout="portrait"] {
width: 42cm;
height: 29.7cm;
}
page[size="A5"] {
width: 14.8cm;
height: 21cm;
}
page[size="A5"][layout="portrait"] {
width: 21cm;
height: 14.8cm;
}
@media print {
body, page {
margin: 0;
box-shadow: 0;
}
}<page size="A4"></page>
<page size="A4"></page>
<page size="A4" layout="portrait"></page>
<page size="A5"></page>
<page size="A5" layout="portrait"></page>
<page size="A3"></page>
<page size="A3" layout="portrait"></page>
必要なのは、ページサイズごとに正確な幅と高さの比率です。相対/パーセント位置を使用すると、編集が完了したら、配置された要素の位置を記録し、印刷DPIサイズに変換できます。 –
私は、比率を得ることは簡単な部分だと思います、これをDPIに変換しようとすると、私が執着している部分です。 – RedCrusador