一个在浏览器端将html 转为pdf 的js 插件 jsPDF

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="https://code.jquery.com/jquery-git.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>

</head>

<body>
    <p class="pdf-wrapper" ="to-pdf">HTML content...<h1>中文</h1>
        中国,汉字,测试:合同 模版 中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国</br>中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国....................<br/>
        中国,汉字,测试:合同 模版 ...................<br/>
         计费 接口 ....................<br/>
        <img src=‘[email protected]‘/>
    </p>

    <script type="text/javascript">
        var pdf = new jsPDF(‘p‘,‘pt‘,‘a4‘);
        pdf.internal.scaleFactor = 1;
        var options = {
             pagesplit: true
        };

        //$(‘.pdf-wrapper‘)
        pdf.addHTML(document.body,options,function() {
            pdf.save(‘web1111.pdf‘);
        });
    </script>
</body>

</html>
时间: 2024-11-02 17:17:31

一个在浏览器端将html 转为pdf 的js 插件 jsPDF的相关文章

编写一个供浏览器端使用的NPM包

此文已由作者吴维伟授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 在编写程序时,总会有一些代码是我们不愿意一遍又一遍重复地去写的,比如一些UI或交互相似组件,或是一些相似的流程或逻辑.以前,面对这样的情况,我会将可以复用的部分抽象出来,做成可以复用的模块,放在专门存放公用模块的文件夹中,便于查找和引用.但是这样只能解决单个项目中公用模块复用的问题,如果你的模块需要被多个项目复用,那么就需要另寻它法了.本文讨论的是通过发布npm包来实现模块复用时有哪些注意事项. 新建一个

适应各浏览器图片裁剪无刷新上传js插件(转)

看到一篇兼容性很强的图片无刷新裁剪上传的帖子,感觉很棒.分享下!~ 废话不多说,上效果图. 一.首先建立如下的一个page <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <

浏览器端缓存的一个小问题及解决方案

浏览器的缓存行为可以提高网页的加载速度,但有时也会带来一些困扰.当用jQuery的get方法异步调用服务端资源的时候,浏览器会把调用结果进行缓存,拿不到实时的数据影响代码的逻辑实现,这种情况最简单的解决方法是在请求的链接后加一个随机数参数,或者用jQuery的ajax方法并设置cache为false. 但上面两种总感觉不太完美,项目中大量的使用了ajax,每一个都加一个随机参数,想想都蛋疼:使用$.ajax并设置cache为false的方式,多少有些繁琐,而且难免有开发人员忽略这个问题使用了$.

使用html2canvas截屏,利用itextpdf转为pdf保存到数据库

项目里的一个需求,需要将html转为pdf保存到远程FTP服务器和数据库 解决方案:使用html2canvas截取页面元素,类似截图的效果,再利用itextpdf转为pdf保存到数据库. 优点:支持中文(也想过使用其他的插件,如jsPDF等插件,可是不支持中文,可惜了):容易上手 缺点:html2canvas截图的缺点就是,不够清晰,这点不是很满意: html2canvas 这个就不上教程了,官网很多. 主要是这里碰到一个问题,值得分享一下:如何保存到远程FTP服务器和数据库 (1)使用html

SeaJS:一个适用于 Web 浏览器端的模块加载器

什么是SeaJS?SeaJS是一款适用于Web浏览器端的模块加载器,它同时又与Node兼容.在SeaJS的世界里,一个文件就是一个模块,所有模块都遵循CMD(Common Module Definition)规范.SeaJS本身遵循(Keep it Simple, Stupid)理念开发,API仅有几个. 为什么用SeaJS?假如我们要开发一个web应用App,在这个应用中需要使用jquery框架.App的首页index.html会用到module1.js,module1.js依赖module2

TERSUS画画一样开发软件 显示相关处理元件介绍-浏览器端存储元件

TERSUS无代码手机电脑管理类软件开发,其中浏览器端存储元件包括:浏览器端存储(Store)元件.获取浏览器端存储元件(Retrieve)元件.显示信息序号(Get Index)元件 浏览器端存储(Store)元件:是将信息以缓存等形式存于浏览器缓存中,给要存的信息一个Key名称,并将值传入即可.只要缓存不删除,则一直可以有效: 获取浏览器端存储元件(Retrieve)元件:对应于以上浏览器中缓存存储信息,可以按存入的Key名称取出所存的信息在应用中使用,浏览器的属性中,缓存是不可以被其他应用

CAD实用干货,怎么将CAD图纸转为PDF文件

CAD实用干货,怎么将CAD图纸转为PDF文件?大家都是知道的,在CAD编辑器中编辑的图纸基本上都是dwg格式的文件,那这样我们在进行查看图纸的时候就非常的不方便,那要怎么办了,就需要将CAD图纸的格式进行转换,那下面小编就来和大家分享一些CAD使用干货,怎么将CAD图纸转换为PDF文件?那下面就跟着小编的脚步来一起看看具体操作步骤吧,希望能够帮助到你们. 第一步:首先打开电脑要在电脑中打开一个浏览器,然后在搜索框中搜索迅捷CAD转换器,然后在搜索的结果中,点击官网进入,进入之后根据提示步骤来下

excel表格文件如何转为pdf

我们在日常编辑表格中,最擅长制作的应该是excel表格,但常常很多时候给别人发送excel文件的时候需要转换成pdf格式,这可以给人专业的感觉.但很多刚刚接触的朋友会有疑问,excel表格文件如何转为pdf?今天小编就来教下大家怎么将excel表格文件转为pdf?       其实excel表格文件转为pdf并不是什么难事.只要大家找对软件就不是困难了.下面是excel表格文件转为pdf的详细步骤,不会的跟着我一起操作吧! 1.打开浏览器进入百度首页,输入"迅捷PDF转换器",在显示的

9大浏览器端缓存机制分析

浏览器缓存(Browser Caching)是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户.浏览器端缓存的机制种类较多,总体归纳为九种,这里详细分析下这九种缓存机制的原理和使用场景.打开浏览器的调试模式->resources左侧就有浏览器的8种缓存机制. 一.http缓存 http缓存是基于HTTP协议的浏览器文件级缓存机制.即针对文件的重复请求情况下,浏览器可以根据协议头判断从服务器端请求文件