pdfjs 字体新增_JS - PDF文件生成库jsPDF使用详解2(修改文字样式)
三、修改文字样式
1,修改字体大小
var doc = new jsPDF();
//字体大小1(默认样式)
doc.text(20, 20, '1: Welcome to hangge.com');
//字体大小2
doc.setFontSize(18);
doc.text(20, 30, '2: Welcome to hangge.com');
//字体大小3
doc.setFontSize(22);
doc.text(20, 40, '3: Welcome to hangge.com');
doc.save('Test.pdf');
2,修改文字颜色
var doc = new jsPDF();
//文字颜色1(默认样式)
doc.text(20, 20, '1: Welcome to hangge.com');
//文字颜色2
doc.setTextColor(150);
doc.text(20, 30, '2: Welcome to hangge.com');
//文字颜色3
doc.setTextColor(0,0,255);
doc.text(20, 40, '3: Welcome to hangge.com');
doc.save('Test.pdf');
3,修改字体样式
var doc = new jsPDF();
//字体样式1(默认样式)
doc.text(20, 20, '1: Welcome to hangge.com');
//字体样式2
doc.setFont("courier");
doc.setFontType("normal");
doc.text(20, 30, '2: Welcome to hangge.com');
//字体样式3
doc.setFont("times");
doc.setFontType("italic");
doc.text(20, 40, '3: Welcome to hangge.com');
//字体样式4
doc.setFont("helvetica");
doc.setFontType("bold");
doc.text(20, 50, '4: Welcome to hangge.com');
//字体样式5
doc.setFont("courier");
doc.setFontType("bolditalic");
doc.text(20, 60, '5: Welcome to hangge.com');
doc.save('Test.pdf');
4,文字旋转
var doc = new jsPDF();
//默认样式不选旋转
doc.text(20, 20, '1: Welcome to hangge.com');
//旋转45度
doc.text(20, 80, '2: Welcome to hangge.com', 45);
//旋转90度
doc.text(120, 80, '3: Welcome to hangge.com', 90);
doc.save('Test.pdf');
5,文字换行显示
(1)我们使用换行符(\r)可以手动让文字换行。
var doc = new jsPDF();
doc.text(20, 20, 'Welcome to hangge.com.\rWelcome to hangge.com.\rWelcome to hangge.com.');
doc.save('Test.pdf');
(2)默认情况下,文字超过页面宽度时默认是不会自动换行的,我们可以通过其内置的方法将文字自动拆成多行再渲染。
var doc = new jsPDF('p','in','letter');
var sizes = [12, 16, 20];
var fonts = [['Times','Roman'],['Helvetica',''], ['Times','Italic']];
var verticalOffset = 0.5;
var words = 'Welcome to hangge.com. Welcome to hangge.com. Welcome to hangge.com.'
for (var i in fonts){
if (fonts.hasOwnProperty(i)) {
var font = fonts[i]
var size = sizes[i]
//将文字自动换行显示
lines = doc.setFont(font[0], font[1])
.setFontSize(size)
.splitTextToSize(words, 7.5)
doc.text(0.5, verticalOffset + size / 72, lines)
verticalOffset += (lines.length + 0.5) * size / 72
}
}
doc.save('Test.pdf');
6,文字对齐方式
var doc = new jsPDF('p', 'pt', 'letter');
doc.text( '1: This text is normally\raligned.', 140, 50 );
doc.text( '2: This text is centered\raround\rthis point.', 140, 120, 'center' );
doc.text( '3: This text is rotated\rand centered around\rthis point.', 140, 300, 45, 'center' );
doc.text( '4: This text is\raligned to the\rright.', 140, 400, 'right' );
doc.text( '5: This text is\raligned to the\rright.', 140, 550, 45, 'right' );
doc.text( '6: This single line is centered', 460, 50, 'center' );
doc.text( '7: This right aligned text\r\rhas an empty line.', 460, 200, 'right' );
doc.save('Test.pdf');
pdfjs 字体新增_JS - PDF文件生成库jsPDF使用详解2(修改文字样式)相关推荐
- php把proto解析为文档,Protobuf 文件生成工具 Prototool 命令详解
Protobuf 文件生成工具 Prototool 命令详解 简介 Prototool 是 Protobuf 文件的生成工具, 目前支持go, php, java, c#, object c 五种语言 ...
- Py自动化办公—Word文档替换、Excel表格读取、Pdf文件生成和Email自动邮件发送实战案例...
点击上方"Python爬虫与数据挖掘",进行关注 回复"书籍"即可获赠Python从入门到进阶共10本电子书 今 日 鸡 汤 平阳歌舞新承宠,帘外春寒赐锦袍. ...
- 制作PDF模板实现PDF文件生成
制作PDF模板实现PDF文件生成 最近开发的需求的时候,突然发现需要制作PDF,并且需要根据不同的用户制作不同的PDF,所以,为了提高效率,就想到了,制作PDF模板,然后赋值的这种方法,所幸,效果不错 ...
- c++中.dll与.lib文件的生成与使用的详解
c++中.dll与.lib文件的生成与使用的详解 --------------------------------------------------------------------------- ...
- PDF 文件无法打印、转换、合并、修改,提示“PDF文件已被保护” 密码移除
带密码保护的 PDF文件无法打印.转换.合并.修改时,常用办法有以下几种 一.在线转换成其他格式 一般除了纯文字性的比较清晰的文档,其他带排版的文档经过转换,格式会变,或出现字符缺失.乱码等 通常在线 ...
- 计算机网络工程师题库华为,近五年华为各类工程师面试精典题库及答案详解.pdf...
近五年华为各类工程师面试精典题库及答案详解 近五年华为各类工程师面试精典题 近五年华为各类工程师面试精典题 近近五五年年华华为为各各类类工工程程师师面面试试精精典典题题 库及答案详解 库及答案详解 库 ...
- bind() c语言,c/c++ 标准库 bind 函数详解
bind函数定义在头文件 functional 中.可以将 bind 函数看作一个通用的函数适配器,它接受一个可调用对象,生成一个新的可调用对象来"适应"原对象的参数列表. bin ...
- viper4android io错误,golang常用库之配置文件解析库-viper使用详解
一.viper简介 viper 配置管理解析库,是由大神 Steve Francia 开发,他在google领导着 golang 的产品开发,他也是 gohugo.io 的创始人之一,命令行解析库 c ...
- 【Matlab】Matlab导入多个.mat文件并画图的过程详解
Matlab导入多个.mat文件并画图的过程详解 0. 实验背景 1. 导入.mat文件存储 1.1 导入.mat文件及作图最简单的方式: 1.2 导入.mat文件及作图的脚本代码 2. plot画图 ...
最新文章
- 出现java.lang.IllegalArgumentException异常
- Cheat Engine教程关卡密码
- 11.20 yum:自动化RPM包管理工具
- mac 编译android系统,mac 编译 Android 系统杂记
- linux防火墙 33001端口,Linux操作系统下IPTables配置方法详解
- 2013腾讯编程马拉松初赛第二场(3月22日) 小Q系列故事——为什么时光不能倒流 ---好水!!...
- SSH2中 关于修改hbm.xml文件 中内容无效果的解决方式
- OAuth2.0_授权服务配置_三项内容_Spring Security OAuth2.0认证授权---springcloud工作笔记141
- 对网易云音乐软件的看法
- adb命令连接模拟器,could not read ok from ADB Server
- [转载]Mapx常见问题
- matlab磁盘内存,Matlab内存不足问题的解决【转】
- java中return与finally的执行顺序分析(根据字节码分析)
- Unity 2d - 基础 - 碰撞(一) - 针对性碰撞
- 辽宁科技大学计算机与软件工程学院调剂,辽宁科技大学2019年硕士研究生调剂信息...
- mt6771(Helio P60)套片开发资料下载,mt6771处理器性能
- 跟领导关系再好,也别做3件小事,嘴欠手贱,煮熟鸭子会飞
- 局域网使用teamviewer
- 裴蜀定理与扩展欧几里德算法
- 多功能悬浮球下载_fv悬浮球下载-FV悬浮球 安卓版v1.4.5-PC6安卓网
热门文章
- 如何将heic转换成jpg呢?
- FastDFS监控中心安装
- node.js集成sendgrid邮件发送及其它功能
- Loongson2f_灵珑9S2A_debian5(lenny)更改国内archive软件源并使用源码编译安装bochs-2.6.9
- JAVA通过xml模板生成DOCX文档
- linux:framebuffer驱动之ssd1363驱动和fbtft驱动修改
- 通过身份证号得到年龄、性别和出生日期
- SQL 数据库 学习 011 关系、一对一、一对多、多对多
- 路径跟踪与轨迹跟踪概念
- 2D-X光图像重建3D-CT图像项目总结—后续补充