对于react爱好者来说，还有另一个很棒的PDF生成资源:react -PDF

它非常适合在React中创建PDF文件，甚至可以让用户从客户端本身下载，而不需要服务器!

这是一个React-PDF的小示例片段，用于创建2节PDF文件

import React from 'react';
import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';

// Create styles
const styles = StyleSheet.create({
  page: {
    flexDirection: 'row',
    backgroundColor: '#E4E4E4'
  },
  section: {
    margin: 10,
    padding: 10,
    flexGrow: 1
  }
});

// Create Document Component
const MyDocument = () => (
  <Document>
    <Page size="A4" style={styles.page}>
      <View style={styles.section}>
        <Text>Section #1</Text>
      </View>
      <View style={styles.section}>
        <Text>Section #2</Text>
      </View>
    </Page>
  </Document>
);

这将生成一个只有一页的PDF文档。里面有两个不同的块，每个块都呈现不同的文本。这些并不是唯一可以使用的有效原语。您可以参考组件或示例部分了解更多信息。

更新:免费服务不再可用。但是如果你在紧要关头需要一些东西，你可以使用价格合理的服务，而且它应该是可靠的。

https://pdfmyurl.com/plans

你可以通过添加一个链接来使用这个免费服务，它可以从任何url(例如http://www.phys.org):)创建pdf文件

http://freehtmltopdf.com/?convert=http%3A%2F%2Fwww.phys.org&size=US_Letter&orientation=portrait&framesize=800&language=en

我维护PDFKit，它也支持pdfmake(已经在这里提到过)。它可以在Node和浏览器中工作，并支持其他库不支持的一堆东西:

嵌入子字体，支持unicode。 大量的高级文本布局(列，换行，完整的unicode换行，基本的富文本等)。 为高级排版(OpenType/AAT结扎，上下文替换等)工作更多的字体内容。即将发布:如果您感兴趣，请参阅fontkit分支。 更多图像内容:渐变等。 使用browserify和streams等现代工具构建。在浏览器和节点中都可用。

查看http://pdfkit.org/的完整教程，自己看看PDFKit可以做什么。关于可以生成哪种文档的示例，请查看使用PDFKit本身从一些Markdown文件生成的PDF文档:http://pdfkit.org/docs/guide.pdf。

您也可以在浏览器中交互式地尝试:http://pdfkit.org/demo/browser.html。

另一个有趣的项目是texlive.js。

它允许您在浏览器中编译(La)TeX到PDF。

另一个值得一提的javascript库是pdfmake。

pdfmake操场 github上的Pdfmake

浏览器的支持似乎没有jsPDF强大，也没有形状选项，但是格式化文本的选项比目前jsPDF中可用的选项更高级。

对于react爱好者来说，还有另一个很棒的PDF生成资源:react -PDF

它非常适合在React中创建PDF文件，甚至可以让用户从客户端本身下载，而不需要服务器!

这是一个React-PDF的小示例片段，用于创建2节PDF文件

import React from 'react';
import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';

// Create styles
const styles = StyleSheet.create({
  page: {
    flexDirection: 'row',
    backgroundColor: '#E4E4E4'
  },
  section: {
    margin: 10,
    padding: 10,
    flexGrow: 1
  }
});

// Create Document Component
const MyDocument = () => (
  <Document>
    <Page size="A4" style={styles.page}>
      <View style={styles.section}>
        <Text>Section #1</Text>
      </View>
      <View style={styles.section}>
        <Text>Section #2</Text>
      </View>
    </Page>
  </Document>
);

这将生成一个只有一页的PDF文档。里面有两个不同的块，每个块都呈现不同的文本。这些并不是唯一可以使用的有效原语。您可以参考组件或示例部分了解更多信息。