Html5キャンバスサイズから印刷サイズ

Question

私はブログ、記事、およびいくつかのstackoverflow質問を検索しましたが、小さな混乱がありますが、私は質問をすることを考えました。
印刷用にキャンバスを調整する必要がありますが、どうすればいいですか？実際に印刷の最大制限は6.50 'x 15.75'（インチ）ですが、この範囲でサイズが変わる可能性があります。私が間違っていない場合は、DPIは作業中の画面（画面上に表示されるデバイスにはより便利です）に関係なく、どのようにキャンバス上でサイズを支配できますか？例えば、

6.50 * 72 = 468 PX 15.75 * 72 = 1134ピクセル

又は 6.50 * 96 = 624 PX 15.75 * 96 = 1512ピクセル

又は 6.50 * 300 = 1950ピクセル 15.75 * 300 = 4725 px

私のキャンバスの作業領域は、703px X 391pxを超えることはできません。 正確に必要な印刷を得るためにキャンバスのサイズを調整する必要がありますか？または私は何かを逃している？ 限定された領域で描画し、さまざまなサイズで印刷する際に考慮する縮尺係数。 提案やリンクに感謝するでしょう。

ありがとうございました

PS：私はすべてのキャンバス用にfabricjsを使用しています。

Answer 1

ファブリックjsはズームファクタを提供するのに役立ちます。

あなたのキャンバスは、印刷サイズのアスペクト比に応じて制限されています。

6 x 15インチのシートを印刷したいとします。

アスペクト比6/15のキャンバスを2/5に定義します。

700px x 280pxこの縦横比とキャンバスのサイズ制限に合わせてください。

あなたは通常、あなたのキャンバス上で動作しますし、ときにすることができ、あなたのグラフィックファイルにエクスポートする時間です：

：

は、最終的なサイズ

6 x 15 inch at 300dpi = 1800 x 4500 pixels. 

があなたのキャンバスと、最終的なキャンバスとの比率を探す定義

4500/700 = 6.428 

あなたがして行うことができます

canvas.toDataUrl({ multiplier: 6.428 })あなたは正しいサイズのファイルを入手する必要があります。