Firefox 打印在第一页末尾切割画布，我该如何让它不这样做？

Posted 2023-03-06

【中文标题】Firefox 打印在第一页末尾切割画布，我该如何让它不这样做？

【英文标题】：Firefox printing cuts canvas on end of first page, how do I make it not do that?

【发布时间】：2012-05-08 04:55:17

【问题描述】：

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

如果我在 Chrome 中将上述页面打印为 A4 Landscape，考虑到页面上画布的大小，我会得到两个页面，但如果我在 Firefox 中执行相同操作（例如打印预览），它只会给我一页，因此将图像/画布切成两半。如果我在 Firefox 中更改比例，但我确实开始看到整个图像（但它太小了），所以图像作为一个整体存在，但 Firefox 接缝忽略了它大于一页的原因。

如何让 Firefox 识别图片需要多于一页，以便我可以以正确的尺寸打印整张图片？

（可以在此处编辑上述页面示例：http://jsfiddle.net/bTtKT/）

【问题讨论】：

你解决过这个问题吗？我很想知道:-)

【参考方案1】：

将此样式放在包含画布的 div 上可能会对您有所帮助：

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

【参考方案2】：

我没试过，但你可以试试：

canvas  page-break-inside: avoid;  

见：https://developer.mozilla.org/en/CSS/page-break-inside

【讨论】：

试过了，但它不接缝工作，画布仍然刹车。