Firefox打印在第一页的末尾剪切画布，我怎么让它不这样做？ [英] Firefox printing cuts canvas on end of first page, how do I make it not do that?

问题描述

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

如果我在Chrome中打印上面的页面作为A4横向我得到两页的页面上的画布的大小，如果我在Firefox做同样的（但打印预览），它只给我一个页面，因此将图像/画布剪切一半。如果我改变Firefox的规模，但我开始看到整个图像（但是它太小），所以图像是一个整体，但Firefox接缝忽略它的更大的一页由于某种原因。

If I print the above page in Chrome as A4 Landscape I get two pages as expected given the size of the canvas on the page, if I do the same in Firefox however (with print preview for example), it gives me only one page and therefor cuts the image/canvas in half. If I change the scale in Firefox however I do start to see the whole image (but then it's too small), so the image is there as a whole but Firefox seams to ignore that its bigger then one page for some reason.

如何让Firefox识别出图像需要多于一页的页面，这样我才能以正确的大小打印整个内容？

How do I get Firefox to recognize that the image needs more then one page so I can print the whole thing in correct size?

（可以编辑上面的网页示例： http://jsfiddle.net/bTtKT/ ）

(possible to edit the above page example here: http://jsfiddle.net/bTtKT/ )

推荐答案

将此样式放在包含画布的div上可能有助于ya：

Putting this style on the div encompassing the canvas might help ya:

page-break-inside: avoid
clear: both
float: none

这篇关于Firefox打印在第一页的末尾剪切画布，我怎么让它不这样做？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！