javascript - Google Cloud Print 短肖像页面上的媒体缩放问题

Question

我正在编写一个程序，自动为我们的实验室打印包含所有适当信息的标签。标签由 Brother QL-710W 标签打印机打印，标签打印由 Google Cloud Print 发起。当打印到高度大于宽度的页面时(即，如果我使用小宽度标签带并打印横向，则没有问题；但是，如果我尝试以拍摄高度纵向打印，页面缩放有问题.我在这里张贴图片来说明问题。

左侧的图像(显示的顶部)具有适合此打印输出的缩放比例，我将页面高度设置为与宽度相同。对于中间的图片，我将页面高度降低到页面宽度的 2/3 左右，您可以看到页面内容被缩放，左右边距被扩展。最后在适当的页面高度，几乎没有空间留给页面内容。

注意:当我使用浏览器打印对话框打印页面时，我能够按预期打印图像，尽管它确实有两页而不是一页可以通过只选择一页打印来克服(参见此处的图像).

Google Clout Print 票据如下所示: 变种票= { 版本:“1.0”， 打印: { 双工:{ 类型:“NO_DUPLEX” }, 份数:{份数:1}， 媒体大小:{ width_microns:62000, 高度_微米:22860 },
页面方向:{ 输入:“肖像”}， 边距:{ top_microns:0, bottom_microns:0, left_microns:0, right_microns:0 }, 页面范围:{ 间隔: [{开始:1, 结束:1}] } } };

云打印由将页面内容构建为 blob 的“打印”按钮启动:

"content"   : HtmlService.createHtmlOutput(html).getBlob(),

我尝试过的补救方法:

• 我已将打印件的边距设置为 0，如票据所示多于。

• 我还尝试过编辑媒体和打印 css:

  "@media print{header nav, footer {display: none;}}"+"@page{margin:0pt !important; padding:0pt !important; size:2.4in 0.9in;}"+

  • 我曾尝试缩小 div 元素，但正如您从页面高度(中图)的微小变化所产生的影响中所见，这收效甚微。

有人知道我在这里缺少什么吗？

Answer 1

当您从浏览器打印(成功)时，浏览器会将内容转换为 PDF，然后再将其发送到云打印。既然这样可行，但尝试打印第二个(空白)页面，我的猜测是空白在您感兴趣的内容下方蔓延。

我建议您仔细查看 HTML blob，并考虑将 HTML 转换为 PDF。 PDF 在这种情况下具有更高的保真度(在浏览器中查看；发送到云打印黑匣子；在标签打印机上打印)。