html如何转为pdf
本篇文章给大家介绍html转pdf的方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
1、准备资源
itext.jar
www.baidu.com
html2canvas.js
www.baidu.com
2、前端代码:
//进行截图操作,document.querySelector("body") 为要截图的区域function test() {html2canvas(document.querySelector("body"), {onrendered: function (canvas) {var dataUrl = canvas.toDataURL('image/png');var formData = new FormData(); //模拟表单对象formData.append("imgData", convertBase64UrlToBlob(dataUrl)); //写入数据var xhr = new XMLHttpRequest(); //数据传输方法xhr.open("POST", "http://localhost:8080/pdf"); //配置传输方式及地址xhr.send(formData);xhr.onreadystatechange = function () { //回调函数};}});}//格式化图片base64编码转换为byte文件流function convertBase64UrlToBlob(urlData){//去掉url的头,并转换为bytevar bytes=window.atob(urlData.split(',')[1]);//处理异常,将ascii码小于0的转换为大于0var ab = new ArrayBuffer(bytes.length);var ia = new Uint8Array(ab);for (var s = 0;s<bytes.length;s++){ia[s] = bytes.charCodeAt(s);}return new Blob( [ab] , {type : 'image/png'});}<body onclick="test()">//调用截图方法即可
3、后端代码:
@RequestMapping(value = "/pdf",method = RequestMethod.POST)public void test(MultipartHttpServletRequest request, HttpServletResponse response) throws IOException {String filePath = "D:\\blog\\exportPdf2.pdf";String imagePath = "D:\\blog\\exportImg2.png";Document document = new Document();try{Map getMap = request.getFileMap();MultipartFile mfile = (MultipartFile) getMap.get("imgData"); //获取数据InputStream file = mfile.getInputStream();byte[] fileByte = FileCopyUtils.copyToByteArray(file);FileImageOutputStream imageOutput = new FileImageOutputStream(new File(imagePath));//打开输入流imageOutput.write(fileByte, 0, fileByte.length);//生成本地图片文件imageOutput.close();PdfWriter.getInstance(document, new FileOutputStream(filePath)); //itextpdf文件document.open();document.add(new Paragraph("JUST TEST ..."));Image image = Image.getInstance(imagePath); //itext-pdf-imagefloat heigth = image.getHeight();float width = image.getWidth();int percent = getPercent2(heigth, width); //按比例缩小图片image.setAlignment(Image.MIDDLE);image.scalePercent(percent+3);document.add(image);document.close();}catch (DocumentException de) {System.err.println(de.getMessage());}catch (Exception e) {e.printStackTrace();}}private static int getPercent2(float h, float w) {int p = 0;float p2 = 0.0f;p2 = 530 / w * 100;p = Math.round(p2);return p;}
4、包名
import com.itextpdf.text.Document;
import com.itextpdf.text.DocumentException;
import com.itextpdf.text.Image;
import com.itextpdf.text.Paragraph;
import com.itextpdf.text.pdf.PdfWriter;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.stereotype.Controller;
import org.springframework.util.FileCopyUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;import javax.imageio.stream.FileImageOutputStream;
import javax.servlet.http.HttpServletResponse;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.util.Map;
5、项目源码地址
https://github.com/zhangjy520/learn_java/tree/master/boot
推荐学习:html视频教程
html如何转为pdf相关推荐
- python 怎么将数组转为列表_图片转换成pdf格式怎么操作?什么软件能将图片转为pdf?...
伙伴们好,你们知道如何把图片转为pdf格式吗?前一阵子我参加了一个家居行业大会,在会议上拍摄了不少会议照片,包括主持人讲话.嘉宾出席.观众提问.产品推广等环节都拍摄了不同的角度.拍摄好后,需要传送给写 ...
- php mpdf html 转pdf,使用 MPDF 将HTML转为PDF,然后将该PDF转为PNG图片的时候,中文报错... ......
第一步: 使用 MPDF(版本6.1) 将 HTML 页面转为PDF文件,可以转成功.代码如下: $html = "对盲人初学者来说,它无需任何额外的修改."; // $html ...
- python将数字转为0010_用Python将HTML转为PDF。
上期提到了如何获取公众号文章信息,这回就说下怎么将网页转为PDF,方便平常学习. 然后扩散一下之前一个比赛的结果(华章计算机抖音大赛). 顺便谈谈自己对今后送书的一个想法. 另外之前的送书活动,有中奖 ...
- java 图片合成pdf_java将多张图片合并转为PDF
所需jar包:com.lowagie.text package weaver.gy.util; import java.awt.image.BufferedImage; import java.io. ...
- 怎么将ppt转为pdf?
PPT这个词,就是演示的代名词,比如工作报告,数据报告,各种演示文件都能在PPT上被制作出来,需要做的也就是打字添加图片排班等,但是我们需要把PPT转换为Word的时候却又无从下手,今天就把最效率的方 ...
- php mpdf html 转pdf,使用 MPDF 将HTML转为PDF,然后将该PDF转为PNG图片的时候,中文报错... ...汗血宝马...
第一步: 使用 MPDF(版本6.1) 将 HTML 页面转为PDF文件,可以转成功.代码如下: $html = "对盲人初学者来说,它无需任何额外的修改."; // $html ...
- php html转为pdf文件,php使用wkhtmltopdf实现html转pdf
项目中有需求将html页面实时转为pdf并提供下载.经过各种查找比对,最终使用了wkhtmltopdf工具来实现. wkhtmltopdf,可以很方便的将输入的url渲染并打印成pdf文件.当然也有一 ...
- java pdf中文乱码_java转pdf(html转为pdf),解决中文乱码,标签不规范等问题
第一步,下载jar包以及建对应的文件夹.注意pd4ml的jar要选择pro版本.然后建一个pd4fonts.properties 里面对应的字体. SimSun = simsun.ttf 前面为变量名 ...
- python将html存为pdf_用Python将HTML转为PDF。
上期提到了如何获取公众号文章信息,这回就说下怎么将网页转为PDF,方便日常学习.html 而后扩散一下以前一个比赛的结果(华章计算机抖音大赛).数据库 顺便谈谈本身对从此送书的一个想法.微信 另外以前 ...
- php将word转txt,PHP如何将将word文件转为pdf
PHP将word文件转为pdf的方法:首先修改[php.ini],并重启环境:然后安装微软office套件:最后配置office组件服务即可. PHP将word文件转为pdf的方法: 1.修改php. ...
最新文章
- 前端页面——Cookie与Session有什么区别
- 基于RNN的NLP机器翻译深度学习课程 | 附实战代码
- Android App监听软键盘按键的三种方式
- 如何选择正确的激活函数?
- html5 轮询自动刷新数据,后台调用exe,前端定时轮询调用结果
- 二维码提升对比度文献调研(1)--Fast Image Processing with Fully-Convolutional Networks
- abb工业机器人电压不稳_ABB工业机器人应用常见故障九问九答
- Drools 规则引擎一文读懂
- 实验一:交换机和集线器的工作原理
- 活动预告|CodeWisdom软件供应链系列学术报告:第4期(何昊 北京大学)
- 【面试个人成长】2021年过半,社招和校招的经验之谈
- json转换成excel在线js小工具分享【不限制大小】
- CSDN有哪些值得学习的专栏?
- 优化electron客户端卡顿的几种方案
- 创建三维头像只需一张自拍,AI 技术即将开启 3D 社交时代?
- 文明 计算机丢失,文明6提示“msvcp140.dll丢失”怎么解决-解决文明6提示“msvcp140.dll丢失”的方法 - 河东软件园...
- 工厂数字化转型必备的多协议转换网关
- 好雨知时节 不甚欢喜
- intel CPU集显ID速查
- 657UVa掷骰子(图)