Html2canvas JS截图

HTML

1 <div  id="divPDF">
2 需要截图的区域
3 </div>

JS

 1 <script src="../Js/html2canvas.js"></script>
 2 <script type="text/javascript">
 3
 4         function getPDF() {
 5              html2canvas($('#divPDF'),
 6              {
 7                  onrendered: function (canvas) {
 8                      var imgUrl = canvas.toDataURL();//获取截图的Base64编码
 9                  }
10              });
11          }
12
13 </script>

后台使用图片 Base64编码转换为图像

 1         // <summary>
 2         /// Base64编码转换为图像
 3         /// </summary>
 4         /// <param name="base64String">Base64字符串</param>
 5         /// <returns>转换成功返回图像;失败返回null</returns>
 6         public string Base64ToImage(string imgName, string base64String, string path)
 7         {
 8             base64String = base64String.Replace("data:image/png;base64,", "");
 9             MemoryStream ms = null;
10             System.Drawing.Image image = null;
11             string imgUrl = path + "\\" + imgName + ".png";
12             byte[] imageBytes = Convert.FromBase64String(base64String);
13             ms = new MemoryStream(imageBytes, 0, imageBytes.Length);
14             ms.Write(imageBytes, 0, imageBytes.Length);
15             image = System.Drawing.Image.FromStream(ms, true);
16             image.Save(imgUrl);
17             return imgUrl;
18         }

给PDF文件添加水印 IText  WaterMark

 1         public void AddWaterMark(string fileLocation, string path, int x, int y)
 2         {
 3             string WatermarkLocation = path + "\\watermark.png";
 4             Document document = new Document();
 5             PdfReader pdfReader = new PdfReader(fileLocation);
 6             PdfStamper stamp = new PdfStamper(pdfReader, new FileStream(fileLocation.Replace(".pdf", "[temp][file].pdf"), FileMode.Create));
 7
 8             iTextSharp.text.Image img = iTextSharp.text.Image.GetInstance(WatermarkLocation);
 9             img.SetAbsolutePosition(x, y); // set the position in the document where you want the watermark to appear (0,0 = bottom left corner of the page)
10             PdfContentByte waterMark;
11             for (int page = 1; page <= pdfReader.NumberOfPages; page++)
12             {
13                 waterMark = stamp.GetOverContent(page);
14                 waterMark.AddImage(img);
15             }
16             stamp.FormFlattening = true;
17             stamp.Close();
18             pdfReader.Close();
19             // now delete the original file and rename the temp file to the original file
20             File.Delete(fileLocation);
21             File.Move(fileLocation.Replace(".pdf", "[temp][file].pdf"), fileLocation);
22
23         }

ITextHtml2canvas js截图 绘制 导出PDF相关推荐

  1. 使用Edge扩展工具(GoFullPage)实现整页面截图或生成PDF文件

    如果在浏览网页时,有需要整个页面截图或导出PDF文件的需求,这里分享一个Edge浏览器的扩展插件:GoFullPage. 这个工具可以一键实现页面从上到下滚动并截取. 一.打开"管理扩展&q ...

  2. echarts截图并将图片导出pdf

    1.折线图的绘制 <!-- 折线图 --><div style="padding:0 20px;" v-show="lineOrBarOrTable = ...

  3. JS导出PDF插件(支持中文、图片使用路径)

    JS导出PDF插件(支持中文.图片使用路径) 原文:JS导出PDF插件(支持中文.图片使用路径) 在WEB上想做一个导出PDF的功能,发现jsPDF比较多人推荐,遗憾的是不支持中文,最后找到pdfma ...

  4. 原生JS实现文件自定义位置盖章功能并导出PDF

    原生JS实现文件自定义位置盖章功能并导出PDF 实现原理 在需要签章的文件上面创建一个div,可以通过移动这个div来确定签章位置,然后在通过获取这个位置把章子替换到这,并导出PDF,可以多次盖章! ...

  5. node js批量导出PDF 导出压缩为zip 拆分设计 文件压缩 批量导出设计

    node导出pdf网上有不少介绍的文章,之前我也有过这方面的需求,总结一下遇到的问题,给大家点参考建议. 导出PDF大概会遇到以下几个阶段: 1.导出单个PDF文件 2.导出多个PDF文件 下面着重说 ...

  6. 【无标题】rstudio绘制的图形导出pdf不显示文字内容,导出png正常显示

    问题: 之前绘制一个热图的时候,发现导出pdf的时候居然不显示文字!但是导出png的时候又是是正常显示的.我就纳闷了,如图所示: csdn自带的编辑器不太会调整,各位见谅将就着看哈. 原因: (手动狗 ...

  7. html页面导出文件大小,【实战】通过 JS 将 HTML 导出为 PDF 文档

    背景介绍 某带道术用量确示常构端析以要效开的用,近不老人院信息管理系统项目,甲方要求将财务模块的各种报表导出为PDF文档,方便打印要圈器是天的年编功小还久概据含直这请框结业未商屏页屏随会维气大机域页效 ...

  8. echarts 图表导出PDF(带滚动条)/图片导出PDF

    echarts 图表导出PDF[带滚动条]/图片导出PDF 效果展示 提出问题 思考问题 解决问题 导出PDF 里面的页头中文乱码问题 参数说明 效果展示 提出问题 在开发过程中,有需求是将展示出来的 ...

  9. 怎样将英文html文件转换成中文乱码,解决html导出pdf中文乱码问题的正确姿势

    简介 jspdf是歪果仁开发的,因此在一开始就没想过支持非英文以外的文字,这就导致了非英文的文本都是乱码. 因此就有其他大佬给增加了其他解决方案,到了1.5版本也正式加入了非英文支持的解决方案. 解决 ...

最新文章

  1. Facebook为其全球75%的用户推出反模仿工具
  2. python3 列表的增删改查
  3. Mac的控制台命令无法使用command not found
  4. nextcloud php工程师,教你如何基于宝塔面板和nextcloud搭建自己的网盘
  5. 静态库和动态库的分析
  6. 【计算机网络复习】1.2.2 OSI参考模型
  7. Golang——Tag、自定义类型、未命名类型
  8. 为什么let在php中报错,ES6系列之声明变量let与const
  9. OpenShift 4 之Istio-Tutorial (9) 访问限流
  10. Python在SQL Server管理中的重要性
  11. 使用VS2012 C++ 进行单元测试
  12. python线程数组_Python多线程
  13. Mongo, Express, Angular, Node-- MEAN Stack搭建
  14. HTTP压测工具之wrk
  15. 家乡的春节html,家乡的春节日记
  16. sem竞价账户怎么提升效果提高转化
  17. 移动端跨平台技术总结
  18. 微软Azure组面试(部分)
  19. 基于React的富文本编辑器——Braft Editor使用
  20. 开源中国20份毕业设计论文致谢,谢辞,大学生的毕业论文致谢词,致谢词的范文...

热门文章

  1. Vue SPA 打包优化实践
  2. Windows下安装配置SBT
  3. Maven项目加载JAR包
  4. mvn 打包项目到eclipse
  5. 合成(composite)模式
  6. 与Jeff Sutherland谈敏捷领导力
  7. AutoCAD2012打开后一闪的解决方法
  8. 最近工作好忙,自己的软件又得落下很长一段时间了~
  9. Oracle中不同条件的日期查询
  10. ASP.NET AJAX 1.0 发布