代码之家 › 专栏 › 技术社区 › Jalal El-Shaer

在浏览器中,如何在预先打印的纸张上进行精确的布局打印?

printing web angularjs javascript

Jalal El-Shaer · 技术社区 · 7 年前

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

我有一份由我的申请生成的表格/报告。我想给用户工具 视觉上 并准确地调整“元素”,以便它们可以准确地打印在预打印的纸张上,而不需要所有“额外”的HTML/CSS。(所以没有边框,没有颜色,…只有数据)。

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

使现代化 所以,从视觉上讲,我指的是一个“设计器”,用户可以拖动“数据绑定”元素,如“Firstname”、“Lastname”。。。电子白皮书。

1 回复 | 直到 7 年前

GibboK 7 年前

将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。 A. tutorial/info 在这里

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

6 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

7 月前

Alex · 在轻量级中同时解构和不解构变量

7 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

7 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

7 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

7 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

7 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

7 月前

user3472810 · Angular@Output/EventEmitter返回undefined

7 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

7 月前