首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WEB打印-根据需求打印局部源码记录

需求说明 这次的需求可能就比较简单了,就是实现web端的打印,但是是根据需求打印,而不是直接打印全部 效果预览 ? ?...我要做的是一个简单的打印,就是客户选择了一个dialog,这个时候需要将这个记录打印出来,直接打印就可以了 源码 /** * @printObj 打印 * @param printWindow...接收页面元素 * @param printContent 写入需要打印的元素 */ printObj(print_element){ let printWindow... 这里需要 注意的是一点,就是打印的时候如果显示的不完全的话,可以直接选择横向打印,或者下面的更多选项中选择无边框打印就不会出现这样的问题了。...当然如果只是打印当前的页面的话,那就是直接window.print就可以了。不应处理别的。

82731
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    angular页面打印局部功能实现方法思考

    场景 在页面显示的时候是分页现实的,当前页面只有10条数据,但是打印需要打印完整的100条数据。 并且在当前页面包含了表格之外的标题,菜单等其他元素。...后天api请求都需要带上token信息 前台页面跳转到打印页面后再跳回 1、通过缓存传递数据, 2、路由跳转到打印页面, 3、页面获取缓存数据, 4、调用浏览器打印方法, 5、操作完毕页面后退一步...效果 在打印页面里自动处理了分页显示等问题。...测试一页A4纸适合页面840px-1225px 打印文件里会自动添加页面标题和日期,下方会自动添加页面地址,不知道如何去掉 在后台生成pdf页面显示自带打印下载功能 1、后台生成PDF文件,返回二进制流...效果 在iframe页面里调用打印 这个方法可以结合前两个方法使用,把前两个页面放在在iframe页面里。 略。

    1.6K20

    HTML局部打印,区域打印的两种实现方法总结

    在开发中,有时需要实现页面的局部打印功能,不打印页面上不需要的区域, 例如页面: aaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbb</...prnhtml = document.getElementById(“toPrint”); 3.将页面body替换为待打印内容并进行打印 window.document.body.innerHTML...2、body来回替换的过程中,如果原页面中有较为复杂的js渲染效果,可能会受影响 方法二:jquery.PrintArea.js局部打印 步骤: 1、引入js 因为PrintArea依赖于jquery...ps: PrintArea还提供一些打印时的附加优化功能,例如: 1.mode:模式,当点击打印按钮时触发模式,默认为iframe,当设置为popup则会新开一个窗口页面打印。...3.popClose:完成打印后是否关闭窗口,默认为false。 具体可参考官方API

    5.3K30

    ps怎么进行局部打印? ps图片只打印选中区域的技巧

    在Photoshop CC中打开一张图片后,在打印时,有的情况下,可能不想打印整张图片,只想打印出图片的一部分区域,这时不必在画布中删除不想打印的部分。...可以参考本文的方法,让Photoshop CC只打印图片的一部分区域。...2、用选框工具选择图片要打印的区域。 ? 3、 选择区域后,点击文件菜单中的【打印】。 ? 4、这时会打开打印设置对话框,点击其中的【位置和大小】选项。 ?...5、这时会展开【位置和大小】选项,在图示的【打印选定区域】选项前的方框中点击鼠标,勾选该选项。 ? 6、勾选后,在左侧的预览区域会高亮打印范围。 ? 7、这时再点击打印按钮即可打印图片的部分区域。...以上就是ps图片只打印选中区域的技巧,希望大家喜欢,请继续关注ZaLou.Cn。

    3.7K31
    领券