vue之vue-pdf预览pdf内容文字丢失问题

来源:https://blog.csdn.net/m0_37903882/article/details/113320701?utm_term=vuepdf%E9%A2%84%E8%A7%88%E4%BF%A1%E6%81%AF%E4%B8%8D%E5%85%A8&utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2_allsobaiduweb~default-1-113320701-null-null&spm=3001.4430

参考: https://github.com/FranckFreiburger/vue-pdf/issues/229

2.分析是因为缺少中文字体造成的

查看本地项目字体所在路径

node_modules/pdfjs-dist/cmaps

image.png

3. 解决中文字体不显示问题

      computed: {
           pdfSrc(){
            //处理pdfUrl返回
             let src =  pdf.createLoadingTask({
               url: this.pdfUrl,
               //引入pdf.js字体，templ
               cMapUrl: 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.5.207/cmaps/',
               cMapPacked: true
             })
               return src ;
           }
           //省略其它
         }

组件使用

 <pdf
                            :src="pdfSrc"
                            :page="currentPage"
                            ref="pdf"
                            @num-pages="pageCount=$event"
                            @page-loaded="currentPage=$event"
                            @loaded="loadPdfHandler"
                    ></pdf>
————————————————
版权声明：本文为CSDN博主「DuebassLei」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/m0_37903882/article/details/113320701

这里引用cdn的字体，没有使用本地的。