html转pdf实现超清打印

news2024/12/26 11:06:26

jsPDF+html2canvas实现html转pdf下载+打印_pdf.addimage-CSDN博客

上篇文章中,已经实现了大多数场景下的打印,但是若是对pdf的清晰度要求较高,上述的方法将达不到你的要求,下面我将告诉大家一种超清打印,无缩放,和word生成的pdf毫无差别,用于上层领导的签章文件毫无问题。

下面我先跟大家看下效果:

这个pdf非常清晰,核心代码如下,若是打印的内容有中文,必须要加中文字体,否则会乱码

  const newDom = ele.cloneNode(true);
  newDom.style.position = 'fixed';
  newDom.style.top = 999999;
  document.body.appendChild(newDom);
  const doc = new JsPDF('', 'pt', 'a4');
  doc.addFont(yaHeittf, 'yaHei', 'normal');
  doc.setFont('simfang');
  doc.setFont('yaHei');
  await doc.html(ele, {
    callback: (pdf) => {
      if (isPrint) {
        pdf.autoPrint();
        pdf.output('dataurlnewwindow');
        callBack?.();
      } else {
        pdf.save(`${title || '生成pdf测试'}.pdf`);
        callBack?.();
      }
    },
    margin: [30, 30, 30, 30],
  });
  newDom.remove();
};

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2197195.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

长沙近期学术会议(ICRAIC 2024)

第四届机器人、自动化与智能控制国际会议(ICRAIC 2024)由湖南第一师范学院主办,南京师范大学、山东女子学院、爱迩思出版社(ELSP)协办,会议将于12月6日至9日在湖南长沙隆重举行。ICRAIC系列会议自创办以来&…

家里养有宠物应该用哪款宠物空气净化器比较好?哪款最能吸毛?

这不是国庆节刚过吗,我的小猫终于是平安的度过了在农村生活的时光,之前还担心会不会被爸妈嫌弃,这下好了,嫌弃也过了国庆节。 但是一把猫咪带回出租房,由于几天不在房子里待,猫咪对熟悉的环境又特别激动&a…

国产长芯微CST52832高集成度低功耗的蓝牙SOC芯片完全P2P替代nRF52832成本更低,应用于智能门锁,功耗更低且系统稳定性更高

描述 CST52832是一款高集成度的低功耗蓝牙SCO芯片,基于低功耗蓝牙5.0协议栈。芯片内置32位 Cortex-M0 CPU、512KB Flash、138KB SRAM,具有国际领先的低功耗、通信距离和抗干扰性能,同时实现了更低成本。 特性: 处理器 ARM Corte…

基于springboot的家政服务管理系统(含源码+sql+视频导入教程+文档+PPT)

👉文末查看项目功能视频演示获取源码sql脚本视频导入教程视频 1 、功能描述 基于springboot的家政服务管理系统1拥有三种角色 管理员:用户管理、服务管理、评价管理、预约管理、分配管理等 用户:登录注册、预约服务、取消服务、评价等 服…

傅里叶分析之掐死教程(完整版)更新于2014.06.06

作 者:韩 昊 知 乎:Heinrich 微 博:花生油工人 知乎专栏:与时间无关的故事 谨以此文献给大连海事大学的吴楠老师,柳晓鸣老师,王新年老师以及张晶泊老师。 转载的同学请保留上面这句话,谢谢。如果…

许昌文旅助手:AI智能体在文旅领域的创新应用

哈哈,大家好,我是王帅旭,来自大禹智库,也是《实战AI智能体》一书的作者。今天,咱们就来聊聊一个超级有趣的案例——许昌文旅助手,看看AI智能体是如何在文旅领域大放异彩的! 无限拓展的能力集&am…

大数据开发--1.3 Linux的常用命令大全

目录 一. 终端命令格式 命令格式 说明: 二. 显示文件列表命令 -ls 作用 格式 ls常用选项 案例 三. 目录操作命令 -pwd 作用 格式 案例 四. 目录操作命令 -cd 作用 格式 案例 五. 目录操作命令 -mkdir 作用 格式 案…

c语言中的有关“sizeof”和“strlen”在“数组”以及“指针”中应用的举例

数组名表示首元素地址 但是有两个意外 1. sizeof(数组名) 2. &数组名----这里的数组名表示整个数组,取出的是数组的地址。 (1)字符数组的sizeof (2)字符数组的strlen (3&…

高远科技总经理张会斌受邀为第四届中国项目经理大会演讲嘉宾

全国项目经理专业人士年度盛会 北京高远华信科技有限公司总经理张会斌先生受邀为PMO评论主办的全国项目经理专业人士年度盛会——2024第四届中国项目经理大会演讲嘉宾,演讲议题为“哪些AI工具与技术可以应用于项目管理”。大会将于10月26-27日在北京举办&#xff0c…

APP自动化搭建与应用

APP自动化环境搭建 用于做APP端UI自动化,adb连接手机设备。 需要的工具java编辑器:jdk、Android-sdk软件开发工具组、appium的python客户端、nodes.js、夜神模拟器、apk包、uiautomatorviewer 第一步:安装sdk,里面包含建立工具bu…

1.1K Star,跨平台开发者工具箱

Hi,骚年,我是大 G,公众号「GitHub 指北」会推荐 GitHub 上有趣有用的项目,一分钟 get 一个优秀的开源项目,挖掘开源的价值,欢迎关注。 在现代开发环境中,提升工作效率的工具不可或缺&#xff0…

如何在百度地图上添加自己店铺的位置?

随着互联网的快速发展,如今许多事都可以通过网络去解决,例如线上支付、线上购物、线上订餐等,包括日常出行,人们也可以依靠地图软件去规划路线,然后导航至目的地。其中,百度地图作为国内领先的地图导航平台…

手写mybatis之数据源池化技术实现

前言 在上一章节我们解析了 XML 中数据源配置信息,并使用 Druid 创建数据源完成数据库的操作。但其实在 Mybatis 中是有自己的数据源实现的,包括无池化的 UnpooledDataSource 实现方式和有池化的 PooledDataSource 实现方式。 你可以把池化技术理解为享…

如何将精益思维应用于智能音箱的产品设计?

在激烈的市场竞争中,如何让自家的智能音箱脱颖而出,成为用户心中的“智能生活伴侣”?答案或许就藏在“精益思维”这一理念之中。本文,天行健精益生产顾问将带大家深入探索,如何将精益思维巧妙应用于智能音箱的产品设计…

排序算法之你不得不知道的(1)

一、排序运用场景 (1)排序概念:将一组杂乱无章的数据按照一定的规律(升序或降序)组织起来。 (2)运用场景: (1)淘宝、支付宝、京东等购物平台的价格排序、质…

vue的h函数和template语法如何混用?

前言: h函数定义: 我们编写的代码转化为真正的dom时,首先会先转换为VNode,然后多个Vnode进行结合起来转化为VDOM,最后VDOM才渲染成真实的DOM。在 Vue.js 中,h 函数是 createElement 的别名,它是 Vue 用来创…

如何使用ssm实现基于vue的学生宿舍设备报修管理系统的设计与实现+vue

TOC ssm804基于vue的学生宿舍设备报修管理系统的设计与实现vue 绪论 1.1 选题背景 当人们发现随着生产规模的不断扩大,人为计算方面才是一个巨大的短板,所以发明了各种计算设备,从结绳记事,到算筹,以及算盘&#x…

基于java SpringBoot和Vue校园求职招聘系统设计

摘要 随着信息技术的迅猛发展,基于Java Spring Boot和Vue的校园求职招聘系统设计成为了解决高校就业难问题的重要手段。本文旨在探讨如何利用Java Spring Boot框架构建后端服务,以及使用Vue.js进行前端开发,从而创建一个高效、易用且功能全面…

【JavaScript】JS核心语法及函数

文章目录 一、初识 JS二、JS 核心语法2-1 变量2-2 数据类型typeofString 对象 2-3 数组创建数组常用属性方法 2-4 运算符号加号运算符 减号运算符 -比较运算符逻辑运算符 2-5 控制语句for-inbreakcontinue 三、函数3-1 常用系统函数3-2 自定义函数函数声明函数调用 3-3 创建对象…

RISC-V知识点目录

分支预测 分支预测概述https://blog.csdn.net/zhangshangjie1/article/details/136947089?sharetypeblogdetail&sharerId136947089&sharereferPC&sharesourcezhangshangjie1&spm1011.2480.3001.8118分支指令的方向预测https://blog.csdn.net/zhangshangjie1/a…