4

http://fiddle.jshell.net/bTtKT/show/

上記のページを Chrome で A4 ランドスケープとして印刷すると、ページ上のキャンバスのサイズを考えると、予想どおり 2 ページが得られますが、Firefox で同じことを行うと (たとえば、印刷プレビューを使用して)、1 ページしか表示されず、したがって、画像/キャンバスを半分にカットします。Firefox でスケールを変更すると、画像全体が表示されるようになりますが (ただし、小さすぎます)、画像全体が表示されますが、Firefox は何らかの理由で 1 ページよりも大きいことを無視します。

全体を正しいサイズで印刷できるように、画像に複数のページが必要であることを Firefox に認識させるにはどうすればよいですか?

(上記のページの例をここで編集できます: http://jsfiddle.net/bTtKT/ )

4

2 に答える 2

0

キャンバスを囲む div にこのスタイルを配置すると、次のように役立つ場合があります。

page-break-inside: avoid
clear: both
float: none
于 2013-06-10T11:46:26.200 に答える
0

私はそれを試しませんでしたが、あなたは試すことができます：

canvas { page-break-inside: avoid; }

参照: https://developer.mozilla.org/en/CSS/page-break-inside

于 2012-04-27T14:19:00.893 に答える