精华内容
下载资源
问答
  • 怎么把pdf导出成图片
    2021-07-15 17:13:08

    导出图片

    1.安装依赖

    yarn add dom-to-image 或 npm install dom-to-image --save
    yarn add file-saver 或 npm install file-saver --save
    

    2.代码实现

    //导入包
    import domtoimage from 'dom-to-image';
    import { saveAs } from 'file-saver';
    
    //导出图片
      handleExportPhoto = ()=>{
      	//exportNode为挂载你想导出图片区域的容器id
        const node = document.getElementById("exportNode");
        domtoimage.toJpeg(node,{quality:0.95})
        .then((defaultUrl) => {
          var link  = document.createElement('a');
          link.download = '导出图片.jpeg';
          link.href = defaultUrl;
          document.body.appendChild(link);
        link.click();
          document.body.removeChild(link);
        });
      }
    

    导出PDF

    1. 安装依赖

    npm install -S html2canvas jspdf
    

    2. 代码实现

    //导入包
    import jsPDF from 'jspdf';
    import html2canvas from 'html2canvas'
    
    handleExportPDF = ()=>{
        const element = document.getElementById("exportNode");
        window.pageYOffset = 0;
        document.documentElement.scrollTop = 0
        document.body.scrollTop = 0
        html2canvas(element,{
        // height: node.offsetHeight,
        allowTaint: true,
        // allowTaint: true,
        logging:true,
        scale: 2 // 提升画面质量,但是会增加文件大小
        }).then(function (canvas) {
            var contentWidth = canvas.width;
            var contentHeight = canvas.height;
            //一页pdf显示html页面生成的canvas高度;
            var pageHeight = contentWidth / 592.28 * 841.89;
            //未生成pdf的html页面高度
            var leftHeight = contentHeight;
            //页面偏移
            var position = 0;
            //a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高
            var imgWidth = 595.28;
            var imgHeight = 592.28 / contentWidth * contentHeight;
    
            var pageData = canvas.toDataURL('image/jpeg', 1.0);
    
            var pdf = new jsPDF('', 'pt', 'a4');
    
            //有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89)
            //当内容未超过pdf一页显示的范围,无需分页
            if (leftHeight < pageHeight) {
                pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight);
            } else {    // 分页
                while (leftHeight > 0) {
                    pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight)
                    leftHeight -= pageHeight;
                    position -= 841.89;
                    //避免添加空白页
                    if (leftHeight > 0) {
                        pdf.addPage();
                    }
                }
            }
            pdf.setFont('simsun');
            pdf.save('导出PDF.pdf');
        });
      }
    
    更多相关内容
  • 可将PDF文件多页面转换jpg高质量图片,方便后期调整打印。
  • 本文实例为大家分享了Vue导出页面为PDF格式的具体代码,供大家参考,具体内容如下 导出图片 1.将页面html转换成图片 npm install html2canvas --save 2.在需要导出的页面引入 import ...
  • 亲测导出pdf文件,含有表格 包含三个文件: public class PDFBuilder extends PdfPageEventHelper public class PDFUtil public class PDFReport 可直接在里面运行main方法 ...
  • 于是乎,心生第一常规做法:将一批 pdf 全部合并为一个 pdf 文件,然后打印不就可以了。 因为我日常使用的 pdf 工具是 Adobe Acrobat DC,它也有合并多个 pdf 的功能,但是……,问题来了。 不少发票的盖章都是签名...

    背景

    某天,有一批电子发票需要打印,有很多。身为一个技术,如果要我一张一张打开然后挨个打印,势必不能接受。

    于是乎,心生第一常规做法:将一批 pdf 全部合并为一个 pdf 文件,然后打印不就可以了。
    因为我日常使用的 pdf 工具是 Adobe Acrobat DC,它也有合并多个 pdf 的功能,但是……,问题来了。

    不少发票的盖章都是签名验签的,批量合并后,印章丢失……

    遇到这种问题,常规做法,是再寻找一个其他不会出现印章丢失问题的合并工具。但是,我,还是想用这个工具来变通一下解决这个问题,于是乎就有了本文。

    我的思路是批量将这一批 pdf 转换为图片,然后将这一批图片合并为一个 pdf 后再进行打印即可。

    本文看似只是批量转换 pdf 为图片的示例,实际上它只是 “批量动作” 的一个实例,也就是说你可以用本文示例的 “批量动作” 做很多你希望对无数 pdf 批量操作的事,包括但不仅限于转换为图片。

    操作步骤

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    最后将这一批图片合并为一个 pdf 即可,如下效果:
    在这里插入图片描述

    本文使用批量转换图片为示例演示了创建批量动作的方法,你可以创建很多你需要的批量动作,希望本文对你有帮助。


    (END)

    展开全文
  • PDF如何导出成图片,操作教程

    千次阅读 2020-11-24 14:58:18
    PDF导出后成为图片,这需要将PDF格式转换成图片格式,想要将PDF文件格式转换成图片要用到PDF转换工具,现在很多PDF转换器都可以实现,我们以其中一家的PDF转换器为例,写一篇操作教程给大家演示一下。 PDF转换工具...

    PDF导出后成为图片,这需要将PDF格式转换成图片格式,想要将PDF文件格式转换成图片要用到PDF转换工具,现在很多PDF转换器都可以实现,我们以其中一家的PDF转换器为例,写一篇操作教程给大家演示一下。

    PDF转换工具:okfone PDF转换大师  官网地址

    操作过程:

    1.下载并安装“PDF转换大师”,打开软件

    2.点击进入【PDF转文件】。

    3.点击【PDF转图片】,导入PDF文件到软件中。

    4.设置导出图片的相关参数。输出格式包括:PNG、JPG、PNG、BMP、GIF格式,清晰度包括:高清、标清、普清。还有输出目录,全都设置好之后点击【开始】就开始了转换过程。

    5.当文件转换完成之后,点击列表右侧的“文件夹”图标来查看转换好的图片文件。

     

    展开全文
  • 在WEB上想做一个导出PDF的功能,发现jsPDF比较多人推荐,遗憾的是不支持中文,最后找到pdfmake,很好地解决了此问题。它的效果可以先到http://pdfmake.org/playground.html查看。在使用过程中,还发现图片的插入是...
  • Java代码 后端代码 可以将图片文件导出到新的PDF文件,可以下载PDF。可以将图片文件导出到新的PDF文件,可以下载PDF
  • 但是在系统中应用 到的大部分可以绘制数据报表的插件或组件,只能做到将一个数据报表 以其他的文件形式(如:图片等)导出出来,无法将多个报表呈现在一 个文件中。本篇描述的就是,在Vue 2.0 的项目中,遇到类似的...
  • 最近公司项目需要,利用vue实现pdf导出,从而保存到本地打印出来,说起来好像也很容易,具体要怎么实现呢? 1 、我们要添加两个模块 1 第一个.将页面html转换成图片 2 npm install –save html2canvas 3 第二个.将...
  • PDF图片导出器.rar

    2022-01-12 15:38:33
    PDF图片导出
  • 前段实现mxgraph插件绘制流程图,后台实现保存的xml导出成图片格式,遇到图标没有引用,文字label位置不正确,label换行不识别 标签,linux服务器部署中文字体等问题
  • 利用C#将PDF文档转为图片
  • 需求是一个导出pdf的功能,多方奔走终于实现了,走了不少弯路,而且怀疑现在这个方法仍是弯的。 有个jsPDF 插件可以在前端直接生成pdf,很简便,但不支持IE。 前端: 首先引入 html2canvas.js html2canvas...
  • 概念 PDF 导出 允许免费 Notion 用户批量导出 PDF 的工具。 您可以将子页面导出为 HTML,然后使用此工具将其转换为 PDF。 下载 从发布页面获取适用于 Windows 和 Mac 的最新下载: 用法 下载工具并解压。 在,将...
  • 通过将数据传送到datagridview中,然后将datagridview中的数据导出到EXCEL 文档中(包括图片),进而将EXCEL文档导出PDF格式文档! 此源代码为我项目中的源码,真实有效,有问题请留言!
  • Python工具脚本,PDF文件批量转图片pdf图片提取器)工具(exe) 可pdf单文件转图片,一键转换图片,适合懒人操作 可批量pdf文件转图片,能读取路径下所有pdf文件 可调整图片大小,需要大图的话调整参数即可
  • 基于html2canvas jspdf导出更加清晰的图片以及pdf
  • PDF文件转化为图片格式
  • PDF导出JPG图片教程.docx
  • 根据不同的应用场合,有时需要将PDF文件导出成图片使用,有哪些能够免费将PDFJPG的方法呢?下面分享两种方法你一定用的上。 方式一:在线转换 首先打开百度或其他搜索器输入speedpdf进行搜索,然后打开这款在线...

    根据不同的应用场合,有时需要将PDF文件导出成图片使用,有哪些能够免费将PDF转成JPG的方法呢?下面分享两种方法你一定用的上。

    方式一:在线转换

    首先打开百度或其他搜索器输入speedpdf进行搜索,然后打开这款在线转换工具,接着选择首页中的PDF to JPG;(网页可以翻译成中文)
    在这里插入图片描述

    第二步:然后根据上传文件页面的提示选择需要转换的PDF文件,可以批量选择多个文档上传;
    在这里插入图片描述

    第三步:点击文档后的convert按钮即可开始转换,转换完成后点击下载即可。(下载后是一个压缩包解压即可)
    在这里插入图片描述

    方式二:编辑器导出

    首先用极速PDF编辑器打开需要转换的PDF文档后,选择工具栏的“超链接工具”并框选需要导出图片的区域(文档每页全部导出直接框选整页)
    在这里插入图片描述

    接着在弹出的链接属性窗口的类型下拉菜单中选择“图像框”后,选择确定即可。
    在这里插入图片描述

    最后再选择工具栏的“手形工具”后,在文档页面处右击并选择文档操作中的“导出”—“页面为”;
    在这里插入图片描述

    然后根据页面提示设置导出的页面范围,则可将所框选区域对应的所有页面以每页一张图片导出。
    在这里插入图片描述

    展开全文
  • Mxd导出PDF图片

    2015-06-22 23:03:11
    Mxd导出PDF图片
  • 给大家介绍了vue实现word或pdf文档导出的功能,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
  • java 使用IText导出PDF(包含图片、表格、文字等等Demo和依赖包),最全IText使用Demo,下载即可用
  • 前端导出PDF文件.zip

    2020-06-30 19:56:36
    只要你懂一点前端,就能轻松实现,对比目前后端输出PDF的功能非常复杂和维护成本极高 Demo实现功能 功能 支持 页头 是 页脚 是 页码 是 图片是 超链接 是 自定义文件名 是 每页水印 是(可实现,demo未提供) ——...
  • 导出jpg时可以设置图片分辨率和色彩模式,导出后的jpg效果和ai自带的导出jpg效果一致; 导出PDF时可以选择PDF预设,如果你的PDF预设是基于印刷设置的,那么导出PDF也是可以直接用于印刷; 默认状态下是将你选中的...
  • 为你解说加密Pdf如何导出图片

    千次阅读 2020-11-26 09:30:40
    加密Pdf如何导出图片 要使用到的工具:pdf-xchange viewer,自行百度下载 用pdfxviewer打开加密pdf文件 带加密的pdf,会显示[安全]两个字 点击【文件】–》【打印】弹出界面: 注意选择和勾选项,看下面图示: ...
  • 主要介绍了Vue项目pdf(base64)转图片遇到的问题及解决方法,需要的朋友可以参考下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 26,946
精华内容 10,778
关键字:

怎么把pdf导出成图片