精华内容
下载资源
问答
  • comparePdf(doc.output(), 'russian-1line.pdf', 'unicode') 这个是我最初使用的方法,遗憾的是我并没有调试通过 直接报错了:jsPDF PubSub Error No unicode cmap for font Error: No unicode cmap for font ...

    引入jspdf.js

    github地址:https://github.com/MrRio/jsPDF

    在这里插入图片描述
    引入在线的库

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>
    
    <script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js"></script>
    

    或直接引入:jsPDF/src/jspdf.js

    写个简单的例子

    // 创建jspdf对象,默认竖屏,a4纸大小
    var doc = new jsPDF();
    // 打印所有可用的字体
    console.log(doc.getFontList());
    // 设置字体(内置的几种字体都是不支持中文,中文字体需要自己添加)
    doc.setFont("FZYTK");
    // 设置字体大小
    doc.setFontSize(20);
    // 添加文字内容,左边距离和上边距离
    doc.text(path, 55, 180);
    // 添加图片(图片转成DataURL形式:data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQA...)
    //左上距离,图片长宽
    doc.addImage(images, 'PNG', 55, 55, 100, 100);
    // 保存pdf
    doc.save(name + '.pdf');
    

    添加中文字库(ttf转js)

    需要准备ttf字体文件
    TTF字体下载:http://www.font5.com.cn/font_search.php
    也可以直接去windows的C盘:C:\Windows\Fonts 中找,不过这里的文件都偏大

    然后到**jsPDF/fontconverter/**找jspdf提供的ttf转js工具

    打开工具之后如下图所示
    在这里插入图片描述
    直接选择文件会自动命名,点击create会生成js文件
    在这里插入图片描述
    如上面的例子

    doc.setFont("FZYTK");
    

    就可以找到相应的字体并使用了
    注意:要放到方法:doc.text 上面否则上面的doc.text设置的字体不生效

    直接引入ttf文件(未完成)

    官方的demo是

    		var doc = new jsPDF({filters: ['ASCIIHexEncode'], putOnlyUsedFonts: true});
            var PTSans;
            if (typeof global === 'object' && global.isNode === true) {
                PTSans = doc.loadFile('/../reference/PTSans.ttf');
            } else {
                PTSans = doc.loadFile('base/spec/reference/PTSans.ttf');
            }
            doc.addFileToVFS("PTSans.ttf", PTSans);
            doc.addFont('PTSans.ttf', 'PTSans', 'normal');
            
            doc.setFont('PTSans'); // set font
            doc.setFontSize(10);
            doc.text("А ну чики брики и в дамки!", 10, 10);
            comparePdf(doc.output(), 'russian-1line.pdf', 'unicode')
    

    这个是我最初使用的方法,遗憾的是我并没有调试通过
    直接报错了:jsPDF PubSub Error No unicode cmap for font Error: No unicode cmap for font
    最终也没找到出问题原因,希望路过大神可以指导一下

    熬夜是加快脱发的最好方法!
    (来着一个做java开发的小渣渣)

    展开全文
  • pdf预览,ie中pdf预览,下载,打印;浏览器中预览pdf,支持ie,基于pdf.js开发的demo,下载即用。
  • 一款解决pdf预览下载打印的集成插件,可以自行参考官网教程,官网下载的太慢了,git也拉不下来
  • 前端pdf预览插件pdfJS

    2021-05-28 16:06:45
    适用于前端pdf预览,低版本支持ie,最新版本不支持低版本ie
  • 1.在目录中引入pdf.js 2. 然后从script中引入文件的路径 3.引入成功后,可以直接在ts文件中使用pdfjs的方法,在全局中声明pdfview: declare var pdfview: any; 然后创建pdfview对象: this.pdfv = new ...

    1.在目录中引入pdf.js

    2. 然后从script中引入文件的路径

    3.引入成功后,可以直接在ts文件中使用pdfjs的方法,在全局中声明pdfview:

            declare var pdfview: any;

       然后创建pdfview对象:

    this.pdfv = new pdfview({

    path: 'assets/js/pdfjs/',

    filemain: '.PDFViewShow',

    });

    filemain对应的你在html页面中展示的div的class名称

     4.初始化完成pdfjs后,点击文件获取文件的信息,调取后台服务获取文件流

    5 前端html页面如下:

     

     

    展开全文
  • 完整的多端PDF预览解决方案,基于开源的PDFjs代码封装。PC端,移动端,安卓,ios皆可兼容。界面简洁,完美预览,页面可缩放,可翻页。
  • 前端导出PDF文件.zip

    2020-06-30 19:56:36
    只要你懂一点前端,就能轻松实现,对比目前后端输出PDF的功能非常复杂和维护成本极高 Demo实现功能 功能 支持 页头 是 页脚 是 页码 是 图片是 超链接 是 自定义文件名 是 每页水印 是(可实现,demo未提供) ——...
  • 前端文件浏览插件

    2019-01-21 19:11:27
    文件滚动预览,主要实现了文件图片在网页上预览功能,放大缩小,定位,导航等等
  • 前端实现pdf预览

    千次阅读 2018-07-17 14:40:16
    引入pdf预览插件:&lt;script type="text/javascript" src="jquery.media.js"&gt;&lt;/script&gt; &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt;...

    引入pdf预览插件:<script type="text/javascript" src="jquery.media.js"></script>

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    </head>
    <link rel="stylesheet" href="checkbox.css">
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.media.js"></script> <!-- pdf预览插件 -->
    <style> 
    *{
        padding:0;margin:0;
    }
    .previewfile{
        width: 100px;height: 100px;
        background-color: #f2f2f2;
        line-height: 100px;text-align: center;
    }
    </style>
    <body>
    <div class="outbox" style="margin-bottom: 60px;">
        <!-- pdf预览功能 -->
    	<div class="previewfile">
    		<div id="handout_wrap_inner">pdf预览</div>
    	</div>
    </div>
    <script>
        jQuery('.previewfile').click(function(){
        	jQuery('#handout_wrap_inner').media({
              width: '600px',
              height: '600px',
              autoplay: true,
              src:'previewfile.pdf',
            }); 
        })
    </script>
    </body>

    jquery.media.js下载地址:

    https://github.com/malsup/media/blob/master/jquery.media.js

    展开全文
  • 在线压缩PDF文件 压缩PDF文件简单安全的在线压缩PDF文件的方法!选择或拖动文件,然后单击“压缩”按钮以下载压缩的pdf文件。所有压缩文件均保持最佳质量,可以在任何Web平台上接受(上传到网站或作为电子邮件附件时...
  • 它最大的缺点就是分页效果差,由于不支持中文,所以大家都是先把页面用画布canvas转成图片,将这张图片插到pdf实例中,再生成pdf,这样生成出来的pdf你会发现,里面只有一张图片,所以jspdf分页时就是对这张图片的...
  • pdf.js插件,支持ie浏览器等,是一款特别好用的浏览pdf插件的工具,强烈推荐,不用再去考虑不兼容ie浏览器问题
  • 1.添加批注,自由在PDF文件上进行勾画: 2.添加文字注释: 3.去除书写的笔记 4.增加高亮部分: 5.可自由移动自己笔记的位置 6下载 有需要的朋友可以添加我的QQ:599597046 ...

    1.添加批注,自由在PDF文件上进行勾画:

    2.添加文字注释:

    3.去除书写的笔记

    4.增加高亮部分:

    5.可自由移动自己笔记的位置

    6下载:

     

     

    展开全文
  • react+react-pdf-js 前端pdf在线预览插件

    千次阅读 2020-03-24 14:03:22
    "react": "^16.13.1" "react-read-pdf": "^2.0.9" 这两个对应版本实测无问题,其他版本有的实测有问题(hook问题) 1、 npm install react-pdf-js import history from '../../router/history' const PDFUrl=...
  • jquery生成pdf插件jsPDF

    热门讨论 2014-07-22 09:30:23
    jsPDF HTML5是一个客户端解决方案生成pdf文件。适合活动门票、报告、证书,等等。 它将在IE6+,Firefox 3 +,Chrome,Safari 3 +,Opera。IE9下工作。演示地址:http://www.jq22.com/jquery-info517
  • 这是GitHub上pdf.js插件的源码GitHub: https://github.com/mozilla/pdf.js/通过ajax的方式获取文件流数据,上一篇文章写了ajax获取的流方式,这里不写了,偷个懒,需要的去看下,这里把pdf放在了iframe里面,直接...
  • 基于html5的pdf在线阅读,完美兼容IE,chrome,Firefox,移动版浏览器,特别好用,强烈推荐。
  • EZView.js是一款jquery图片和pdf文件预览插件。EZView.js可以为图片和pdf格式文件生成在线预览效果。支持的文件格式有pdf、jpg、 png、jpeg、gif。
  • 公司的人力资源管理系统有个需求,预览PDF和Word合同,之前做过PDF预览【JQ和原生JS版html页面展示PDF文件】的功能,也用微软的网页版预览过,但是 微软的那个不支持 PDF 也是醉了。 经多方探查,找到一个即支持 PDF...
  • 浏览build\generic\web\viewer.html,PDFJS在本地直接浏览不可用,可挂在服务器上尝试功能。
  • PDF.js在线预览pdf插件

    2015-06-03 17:12:42
    PDF.js是一个pdf在线预览插件,可以很方便的查看pdf内容,还可以下载在线pdf
  • 前端react-pdf-js插件显示

    千次阅读 2019-01-17 16:34:16
    1,安装 react-pdf-js插件:npm install --save react-pdf-js 2,代码如下 import React, { PureComponent } from "react"; import { connect } from "dva"; import { Pagination,} from &...
  • Bootstrap3 插件.pdf_前端学习资料
  • 最近项目需求需要在vue中预览pdf文件,使用vue-pdf这个插件,并且还有许多方法、属性能进行功能扩展。 一、安装 npm install --save vue-pdf 二、基本示例 <template> <div class="pdf"> <pdf ...
  • vue-pdf教程 前端pdf文件预览 fdf文件流预览
  • 前端 pdf 预览功能

    2020-12-30 14:32:23
    vue-pdf 使用 vue-pdf 整体展示 ...创建一个名为vue-pdf.js的插件: import Vue from 'vue' import pdf from "vue-pdf"; Vue.component('vue-pdf', pdf) 添加到nuxt.config.js: plugins: [ { src: '~/plug
  • 在线预览PDF的js插件

    2018-05-03 16:34:08
    原生态的在线预览pdf文档,方便快捷,使用在项目中比较灵活,兼容IE8+,而且样式 比较美好,重写比较方便,适合预览pdf 文档方便
  • 一个使用jquery.media.js实现的前端预览pdf插件demo。
  • 前端pdf流的形式预览

    千次阅读 2020-05-25 16:49:41
    找好插件,或者直接iframe加载就行了 方式二 通过文件流的形式 下载 pdf.js https://mozilla.github.io/pdf.js/getting_started/#download 解压完之后会有两个文件夹一个是 build ,另外一个是 web 把这两个文件夹...
  • Ext.Js前端布局插件

    2017-11-13 10:53:18
    ext6.0插件开发,包含pdf介绍说明文档,花最少的积分下载。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 10,842
精华内容 4,336
关键字:

前端pdf插件