
打印
spt_dream
成功,是不断进步的人生
展开
-
css @page规则控制打印设置选项
关于css控制打印更多内容可以参阅css控制打印内容的样式一章节。使用@page规则可以对打印进行更多的设置,比如指定页面的尺寸。页边 距,页眉页脚等,以求达到更好的效果。下面做一下简单介绍。一.纸张大小设置:@page {size: 5.5in 8.5in;}设置纸张大小,5.5英寸宽,8.5英寸高。<pre style="overflow...原创 2020-03-28 14:56:47 · 37627 阅读 · 9 评论 -
ECharts在Vue中实现打印功能 白色字体打不出。
前言:在Vue中利用自带的页面打印是打印不出ECharts图表的,原因是获取不到ECharts插件的css节点。打印出来的结果会是空白。经过参考了网上的多篇文档,总结步骤阐述了一下,希望为大家提供一点小小帮助。1.在Vue项目中某个文件夹下创建一个print.js的文件,文件内容为:// 打印类属性、方法定义/* eslint-disable */const Print = functi...原创 2020-03-28 12:04:18 · 627 阅读 · 0 评论 -
vue项目中遇到的打印,以及处理重新排版后不显示echarts图片问题。
1. 项目中用到的打印页面:css: 控制好宽度一般A4 我调试的是794px多了放不下,小了填不满。当时多页打印的时候,一定要控制好每一个页面内容显示的高度不要超过一个页面,当然根据自己项目来。由于我的项目是每一个页面固定一个页尾部,所以当显示的时候正常排版显示。但是一旦点击了打印预览需要修改这个区域的css让他固定在每一个页面的底部。js代码,点击打印后执行(如果...原创 2020-03-27 17:44:11 · 828 阅读 · 0 评论