javascript - 在浏览器中，如何在预印纸上进行排版准确的打印？

Question

我有一个 AngularJS 应用程序需要在一些“官方”预印纸上打印数据。

我有一份由我的申请生成的表格/报告。我想为用户提供视觉并准确调整“元素”的工具，这样他们就可以准确地打印在预印纸上，而无需所有“额外”的 HTML/CSS。 (所以没有边框，没有颜色，...只有数据)。

用户更改需要持久化并在未来重用。

更新因此，在视觉上，我指的是“设计师”，用户可以将“数据绑定(bind)”元素(如“名字”、“姓氏”……等)拖到电子白皮书中。

Answer 1

在媒体查询中将 CSS 单位用作 cm、mm、in、pt、pc，这样您就可以设置与您的纸张模板相匹配的尺寸。

@media print { 
 /* All your print styles go here use unit as cm here */
 #header, #footer, #nav { display: none !important; } 
}

关于页面/元素行为，您可以使用 JavaScript 和 HTML5。tutorial/info在这里。