【问题标题】:How can I apply styles like color, table CSS for jsPDF?如何为 jsPDF 应用颜色、表格 CSS 等样式?
【发布时间】:2014-07-27 09:52:11
【问题描述】:

我是使用 jsPDF 的新手,能够很好地生成普通 PDF,但是当我尝试应用外部 CSS 或普通样式背景颜色时,它没有任何效果。

我的 JSP 包括:

<script  src="Javascript/external/jspdf.js"></script>
<script  src="Javascript/external/jspdf.plugin.standard_fonts_metrics.js"></script> 
<script  src="Javascript/external/jspdf.plugin.split_text_to_size.js"></script>               
<script  src="Javascript/external/jspdf.plugin.from_html.js"></script>
<script src="Javascript/external/jspdf.debug.js"></script>

我正在使用下面的脚本来生成 HTML。

【问题讨论】:

  • 你提到的那个脚本在哪里?
  • 不幸的是,jsPDF 似乎不支持 CSS - 请参阅 this answer

标签: jspdf


【解决方案1】:

设置字体大小

var doc = new jsPDF();
doc.setFontSize(22);
doc.text(20, 20, 'This is a title');

设置字体类型

 doc.setFont("times");
 doc.setFontType("italic");
 doc.text(20, 40, 'This is times italic.');

设置字体颜色

 doc.setTextColor(255,0,0);
 doc.text(20, 40, 'This is red.');

【讨论】:

  • 把 jspdf 中的文本颜色想象成画笔。设置颜色,写入该颜色,然后将颜色重置为默认值以继续
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2010-09-11
  • 2014-03-02
  • 2011-10-01
  • 2017-01-15
  • 2013-01-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多