19

HTML5 キャンバスを使用して画像を作成するときにカスタム DPI/PPI を設定する方法はありますか? キャンバスに描画して画像としてエクスポートする方法は知っていますが、出力画像が特定の DPI/PPI であることを確認するにはどうすればよいですか。SVG 要素を使用してキャンバスに描画するのも 1 つの方法だと思いますが、キャンバス全体を画像としてエクスポートすると平坦化されませんか? または、デバイスの DPI を計算してから、DPI 要件を満たすように画像をスケーリングしますが、それは正しい解決策とは思えません。

4

4 に答える 4

4

どのブラウザーでも、現在の Web ページの表示の DPI に (うーん) アクセスできません。

JS/CSS からシステム DPI/PPI を検出していますか?

<canvas>印刷の場合:ブラウザーの標準機能を使用して、エクスポートされた画像 (PNG、JPEG) の DPI を設定できない可能性があります。ただし、純粋な Javascript エンコーダー イメージ エンコーダーを使用する場合は、任意の種類のバイナリ ファイルを自由に作成し、バイナリに埋め込まれた DPI 値を手動で調整できます。

https://gist.github.com/1245476

于 2013-01-25T22:20:34.363 に答える