jspdf导出pdf 中文乱码

<script src="https://cdn.jsdelivr.net/npm/jspdf"></script><script src="https://cdn.jsdelivr.net/npm/vxe-table-plugin-export-pdf/fonts/source-han-sans-normal.js"></script>

source-han-sans-normal.js解决中午乱码

pdf()导出pdf

function pdf(pdff) {let [imgX, imgY] = [375, 640]var doc = new jsPDF('p', 'pt', [imgX, imgY])var img = new Image();img.src = pdffvar height = doc.internal.pageSize.getHeight;var position_1 = 0var position_2 = 0var txt_1 = 0var txt_2 = 75var num = 0var su = 7doc.addFont('SourceHanSans-Normal.ttf', 'SourceHanSans-Normal', 'normal');doc.setFont('SourceHanSans-Normal');for (var i = 0; i < 100; i++) {num++//doc.addImage(img, 'png', position_1, position_2, 45, 60);let imgHeight = imgX / (45 / 60); //根据宽度计算高度doc.setFontSize(10)if (i == 0) {doc.addImage(img, 'png', position_1, position_2, 45, 60);doc.text(txt_1, txt_2, '张三');//doc.text(position_1, position_2, num+"******");} else if (num % su == 1) {position_1 = 0txt_1 = 0doc.addImage(img, 'png', position_1, position_2, 45, 60);doc.text(txt_1, txt_2, '张三');} else if (num % su == 2) {position_1 = 55txt_1 = 55doc.addImage(img, 'png', position_1, position_2, 45, 60);doc.text(txt_1, txt_2, '张三');} else if (num % su == 3) {position_1 = 110txt_1 = 110doc.addImage(img, 'png', position_1, position_2, 45, 60);doc.text(txt_1, txt_2, '张三');} else if (num % su == 4) {position_1 = 165txt_1 = 165doc.addImage(img, 'png', position_1, position_2, 45, 60);doc.setFontSize(10)doc.text(txt_1, txt_2, '张三');} else if (num % su == 5) {position_1 = 220txt_1 = 220doc.addImage(img, 'png', position_1, position_2, 45, 60);doc.text(txt_1, txt_2, '张三');} else if (num % su == 6) {position_1 = 275txt_1 = 275doc.addImage(img, 'png', position_1, position_2, 45, 60);doc.text(txt_1, txt_2, '张三');} else if (num % su == 0) {position_1 = 330txt_1 = 330doc.addImage(img, 'png', position_1, position_2, 45, 60);//doc.text(txt_1, txt_2, '张三');position_2 = position_2 + 80txt_2 = txt_2 + 80}if (num % 56 == 0) {txt_1 = 0txt_2 = 75position_1 = 0position_2 = 0doc.addPage();//分页}}doc.output('dataurlnewwindow')}

encodeImageFileAsURL（）将图片链接转base64

function encodeImageFileAsURL(element) {var b64 = ''var imgUrl ='https://vkceyugu.cdn.bspapp.com/VKCEYUGU-b0e583f2-e3b6-479a-a561-36f0922b5c59/bf099a60-48d8-4ad8-a940-34b2a1ded019.png'var xhr = new XMLHttpRequest();xhr.open("get", imgUrl, true);xhr.responseType = "blob";xhr.onload = function() {if (this.status == 200) {//得到一个blob对象var blob = this.response;console.log("blob", blob)// 至关重要let oFileReader = new FileReader();oFileReader.onloadend = function(e) {// 此处拿到的已经是base64的图片了,可以赋值做相应的处理console.log(e.target.result)//b64=e.target.resultpdf(e.target.result)}oFileReader.readAsDataURL(blob);}}xhr.send();}

导出的pdf

jspdf导出pdf 中文乱码相关推荐

解决bootstrap table的export扩展模块利用tableExport导出pdf中文乱码问题
缘由:没有积分了,怎么破?自己研究. 参考文章: https://blog.csdn.net/qq_34117170/article/details/72765646 https://www.cnbl ...
怎样将英文html文件转换成中文乱码,解决html导出pdf中文乱码问题的正确姿势
简介 jspdf是歪果仁开发的,因此在一开始就没想过支持非英文以外的文字,这就导致了非英文的文本都是乱码. 因此就有其他大佬给增加了其他解决方案,到了1.5版本也正式加入了非英文支持的解决方案. 解决 ...
html转换pdf中文失败,解决html导出pdf中文乱码问题的正确姿势
简介 jspd页求是解这如前总回随4泉标使幻近面的是,f是歪果仁开发的,因此在一开始就没想过支持非英文以外的文字,这就导致了非英文的文本朋不功事做时次功好来多这开制的请一例农在个屏器随的会满和满时波实 ...
html转换成pdf后乱码,解决html导出pdf中文乱码问题的正确姿式
简介本文使用jspdf 1.5.3版.GitHub地址:https://github.com/MrRio/jsPDFhtml jspdf是歪果仁开发的,所以在一开始就没想过支持非英文之外的文字,这就 ...
解决Angular Kendo UI 导出PDF中文乱码
在使用 Kendo UI for Angular 的 PDFExportComponent 组件时,如果内容是中文则导出PDF将会出现乱码,网上许多人认为是官方不支持中文,但其实不然,阅读文档 The ...
解决pads logic导出pdf中文乱码问题
最近在做<晶体管电路设计-上>配套PCB实验板(用于调试实验,更深入学习模电知识)想导出PDF,选择File->Create Pdf,导出的pdf中文是乱码,即使我把字符设置成宋体等 ...
fastreport 转PDF 中文乱码 ARIAL
fastreport 转PDF中文乱码,百度绝大部分方法是:把字体设为宋体,设为中文字体等这的确可以解决,但是为了解决这个问题,牺牲字体,牺牲美观,宋体实在是太丑了, 这个问题困扰了很久,今天终于找 ...
Mysql 导入导出csv 中文乱码问题的解决方法
导出csv: select t1.stid,t1.cateNodeId,t2.name,t1.name from (select p.stid,p.cateNodeId,r.name from Res ...
mysqlcsv导入中文乱码_Mysql 导入导出csv 中文乱码问题的解决方法
导入csv: 复制代码代码如下: load data infile '/test.csv' into table table_name fields terminated by ',' optio ...

jspdf导出pdf 中文乱码

jspdf导出pdf 中文乱码相关推荐

最新文章

热门文章