ラベルを印刷するためのsvgジェネレーターを慎重に作成しました。 ラベルが変に見えないようにするには、寸法が正しいことが非常に重要です。 ここに 生成されたラベルシートの例です。
Webから印刷するとき、ブラウザは多くのマージンを追加します。上記の例では、上:7mm、右/左:4.2mm、下:5mmのマージンが想定されています。
印刷するとき、それはもっとたくさんあります。 svgをコピーしてベクターグラフィックスアプリに貼り付けると、完全に印刷されます!
JavaScriptからプログラムで、またはCSSによって、ブラウザーにヘッダー/フッターを行わず、独自のマージンを追加しないように指示する方法はありますか?
回答:
回答№1は1理論的には、これは正しい方法です。
@page {
margin: 7mm 4.2mm 5mm;
}
見る https://developer.mozilla.org/en-US/docs/Web/CSS/@page
しかし、すべてのブラウザで印刷のスタイリングは苦痛です(一貫して動作しません)