1、首先安装vue-pdf ,在命令行中输入如下代码: npm install --save vue-pdf 2、页面引用,新建index.vue <template> <divclass="ins-submit-docs-content ins-submit-docs-pdf"> <div v-if="loading"style="position: absolute; top: 40%; width:
2.解决无法显示中文 正常情况,不会显示中文的问题。一般出问题的都是票据、合同之类的pdf。 我也是遇到这种pdf的时候,才发现问题。经过各种百度,发现大家使用 import CMapReaderFactory from'vue-pdf/src/CMapReaderFactory.js'; this.pdfUrl = pdf.createLoadingTask({ url:data.url, CMapReaderFactory }) 但是,...
原因:正常情况,不会显示中文的问题。一般出问题的都是票据、合同之类的pdf,中文字体库没加载或加载失败,我们直接给它手动安排 cMapUrl: 'https://unpkg.com/pdfjs-dist@2.0.943/cmaps/' 以下是前端代码: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 this.filetype = 'pdf' this.file_url = pdf.cre...
如下所示,左边是微软雅黑的字体文件(未解决),右边是另外一个字体文件(已解决)。 记录vue3页面转成pdf文件中文乱码的一个坑 使用左边字体文件会出现报错,如下所示: 记录vue3页面转成pdf文件中文乱码的一个坑 使用右边字体文件也会出现报错,但是可以成功生成正确的pdf文件。 总结 若使用一种字体文件还会导致乱码,就...
原因:正常情况,不会显示中文的问题。一般出问题的都是票据、合同之类的pdf,中文字体库没加载或加载失败,我们直接给它手动安排 cMapUrl: 'https://unpkg.com/pdfjs-dist@2.0.943/cmaps/' 以下是前端代码: this.filetype = 'pdf' this.file_url = pdf.createLoadingTask({ ...
vue-pdf打印预览中文乱码 打印预览中文乱码 更改node_modules\vue-pdf\src\pdfjsWrapper.js文件, 参照: https://github.com/FranckFreiburger/vue-pdf/pull/130/commits/253f6186ff0676abf9277786087dda8d95dd8ea7 更改后即可。
解决无法显示中文问题 关键代码 importpdfViewerfrom'vue-pdf'importCMapReaderFactoryfrom'vue-pdf/src/CMapReaderFactory.js'this.url= pdfViewer.createLoadingTask({url:this.src,CMapReaderFactory}); AI代码助手复制代码 关于“vue pdf无法显示中文如何解决”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对...
需要一个支持中文的字体ttf文件,可以在网上下载,也可以使用本地window/font/路径下的文件。 1、下载jspdf 里面有个fontconverter目录 2、双击打开fontconverter.html文件 选择你本地的ttf文件,点击“Create”按钮,会生成一个js文件。 3、将js文件放入自己的项目中 ...
确保你安装的vue3-pdf-app版本支持中文配置。参考信息显示,版本1.0.3是支持的。 bash npm install vue3-pdf-app@1.0.3 2. 创建viewer.properties文件 在项目的根目录或适当的静态资源目录下创建一个名为viewer.properties的文件,并将中文配置代码复制到该文件中。这些配置代码定义了PDF查看器中的各种按钮和消息的...
最近项目需求需要在vue中展示pdf,上网搜索了实现方法,找到vue-pdf这个插件,打印预览却出现中文乱码 部分代码: <el-button size="mini" @click="handlePrint(scope.$index, scope.row)">打印</el-button> <pdf v-show="false" ref="pdf" style="border: 1px solid red" :src="pdfSrc" @error="error" ...