css - Firefox 打印在第一页末尾剪切 Canvas ,我如何让它不那样做?

标签 css image firefox google-chrome printing

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

如果我在 Chrome 中将上面的页面打印为 A4 横向,我会得到两页,因为页面上的 Canvas 大小是预期的,但是如果我在 Firefox 中做同样的事情(例如打印预览),它只会给我一页,因此将图像/ Canvas 切成两半。但是,如果我在 Firefox 中更改比例,我确实会开始看到整个图像(但它太小了),所以图像作为一个整体存在,但 Firefox 会由于某种原因忽略它大于一页。

如何让 Firefox 识别图像需要不止一页,以便我可以以正确的尺寸打印整个图像?

(可以在这里编辑上面的页面示例:http://jsfiddle.net/bTtKT/)

最佳答案

我没有试过,但你可以试试:

canvas { page-break-inside: avoid; } 

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

关于css - Firefox 打印在第一页末尾剪切 Canvas ,我如何让它不那样做?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10350688/

相关文章:

html - 视频不会停留在行 Bootstrap 的第二列

css - 带有 Bootstrap 的混合混合模式在 safari 中不起作用

image - 哪些因素最适合调整图像大小?

linux - lame linux 查询 : viewing PNGs and JPGs. ..但是很快

javascript - iframe 完成加载后加载指示器保留在 Firefox 中

css - Chrome 77 LayoutNG 破坏了我的 float 布局

HTML:td 不是 100% 表格高度

Python:显示具有负值和正值的矩阵

html - 在html中旋转图像源中的图像

html - 我的背景图片显示在谷歌浏览器中,但不显示在 firefox 中