Selection和Range的文档纯文本文字选中效果代码textarea中的文字选中(也可以用于定位光标)效果代码selectionStart和setSelectionRange的文档节点选中效果代

公司有个项目，是可信电子凭证可视化签章。 后来，又一次用到了fabric.js是档案管理平台的项目。 了解一门新技术，直接看官网和相关文档。 然后看了相关文档，了解到我们能通过使用它实现在canvas上创建，填充图形，给图形填充渐变颜色。组合图形（包括组合图形，图形文字，图片等…

vue整合pdfjs，实现前端canvas预览pdf文件流，pdf拖拽定位盖章，实现盖章撤销等功能。

使用pdf.js引进pdf文件进行预览，并在canvas中实现鼠标拖拽绘制矩形与设置签章矩形跟随鼠标移动。

如果你看过前几篇文章，就会知道我们之前的渲染方式是通过创建一个承载pdf的canvas标签通过pdf.render()的方式渲染到创建的canvas，如果需要渲染pdf的文字需要创建一个与canvas样式一样的div承载文字信息，就可以实现pdf里面文字的右键复制功能。

字体丢失的图 正常图 原因：打开部分pdf文件，pdfjs-dist需要引入特殊字体 解决办法： 把下面 node_modules/pdfjs-dist/cmaps/ 的 cmaps 目录直接拷贝到p

打开里面的html文件，然后把选择你的本地文件，填上name最好要填中文！然后会生成一个js文件，然后你需要把这个js文件复制到你前端文件的static静态资源目录下，并且在页面上引用。

今天产品提出一个pdf预览需求，就是之前我们做的是用chrome自带的PDF功能,使用iframe轻松搞定，本文说一下pdf插件的使用过程。

背景：需要使用web显示pdf文件 技术栈：vue2.x vue-cli3.x+ 大坑1：使用vue-pdf 分页加载，大文件加载，比如加载一个300M的pdf直接崩溃，报错 github官网运行不起