1. 产品
  2.   PDF格式
  3.   JavaScript
  4.   PDFMake-Wrapper
 
  

通过免费 JavaScript API 创建 PDF 文件

开源 JavaScript 库允许生成、编辑和打印 PDF 文档，向 PDF 添加表格、图像和页眉或页脚。

寻找一个易于使用的库、在服务器端和客户端上创建和管理PDF个文档。 PDFMake-Rapper可以是一个很好的选择、处理您自己JavaScript个应用程序中的PDF个文档、努力较小、成本较低。 这是一个开放源代码JavaScript库、使软件工程师能够生成有用的PDF份文件和报告而不受任何外部依赖。

PDFMake-Rapper图书馆包括支持PDF个文件的创建和管理的重要基础和先进功能、例如使用页面翻页、创建页面。 它是一个包装图书馆、它提供的功能、以便于更快的方式开发PDF个文档。 PDFMake-Rapper的一个重要特点是它采用了一种声明性的方法、使用户能够轻松地关注他们想要达到的目标。 图书馆非常稳定、可以很容易地在客户端和服务器端上使用。

Previous Next

从PDFMake-Rapper开始

PDFMake-Rapper是可用的数字、您可以很容易地下载它并安装在您的计算机上。 要使用这个库、您需要安装这三个包。

安装PDF格式

npm install pdfmake --save

@pdfake包含pdfake类型、以避免输入错误。

npm install @types/pdfmake --save-dev

通过数字安装pdfakewpper

npm install pdfmake-wrapper --save

通过JavaScript个创建和管理PDF个文件

开源PDFMake-Rapper图书馆是一个极好的选择、为生成PDF个文档在JavaScript。 它允许软件开发者在浏览器(客户端)和Node。js(服务器端)中创建PDF个文档、只有几行JavaScript代码。 一旦创建了PDF个文件、您也可以修改它以及插入文本、嵌入字体和图形、从不同的样式选择和应用、插入外部图像。 从HTML个文件中创建一个PDF个文件是可能的、但是为此需要html2canvas。

如何从HTML到JavaScript创建PDF个文件


html2canvas(document.getElementById('exportthis'), {
  onrendered: function (canvas) {
    var data = canvas.toDataURL();
    var docDefinition = {
      content: [{
        image: data,
        width: 500,
      }]
    };
    pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
  }
});

领导人和足迹通过JavaScript文件增加到PDF文件

开放源码PDFMake-Rapper库使软件开发者很容易在其PDF个文档中添加页眉和页脚、只需几行代码。 也可以使用页眉/脚部的图像。 还可以添加其他内容、如页码、公司标志、作者名称、页数、页数等。 到头/脚部。 也可以应用各种类型的风格和格式。 在页眉或页脚部分需要时、更好地使用在线定型。

通过S图书馆在PDF内插入和管理表

PDFMake-Rapper图书馆完全支持使用PDF份文件内的表格。 它为管理JavaScript个应用程序中的复杂表提供了各种有用的功能、例如从头开始创建新表、在现有表格中加入格式、如此。

如何通过SAPI将PDF个表中的列组合起来?

new Table([
    [
        new Txt('Name').bold().end,
        new Txt('Address').bold().end,
        new Txt('Email').bold().end,
        new Txt('Phone').bold().end
    ],
    [new Cell(new Txt('A').end).colSpan(4).end, null, null, null],
    ['Anastasia', 'Some direction 1', 'anastasia@domain.com', '123 4566 187'],
    ['Alexander', 'Some direction 2', 'alexander@domain.com', '123 4566 187'],
    [new Cell(new Txt('C').end).colSpan(4).end, null, null, null],
    ['Clementine', 'Some direction 3', 'clementine@domain.com', '123 4566 187'],
    ['Chelsey', 'Some direction 4', 'chelsey@domain.com', '123 4566 187'],
    [new Cell(new Txt('N').end).colSpan(4).end, null, null, null],
    ['Nicholas', 'Some direction 5', 'nicholas@domain.com', '123 4566 187'],
])
.widths(...)
.heights(...)
.end;

通过JavaScript API在PDF个区域内

PPDFMake-Rapper库使软件开发者能够轻松地在PDF个文档中绘制矢量形状。 为了在PDF个文件中绘制矢量、需要创建一个绘制向量的画布。 请记住帆布上的顺序问题、最后一个向量将在其他向量之上。 一旦创建、你也可以根据自己的需要调整它、并轻松地替换它。

四十五线内通过二十六线

import { Line } from '../../../src';
describe('Line definition class', () => {
    it('should be instanced', () => {
        const line = new Line(10, 10);
        expect( line.end ).toBeTruthy();
    });
    it('should be a simple line', () => {
        const line = new Line(10, 10).end;
        expect( line ).toEqual({ 
            type: 'line',
            x1: 10,
            y1: 10,
            x2: 10,
            y2: 10
        });
    });
    it('should be a line vector with full properties', () => {
        const line = new Line(10, 10)
            .color('red')
            .dash(5)
            .fillOpacity(0.1)
            .lineColor('blue')
            .lineWidth(3)
            .linearGradient(['green', 'yellow'])
            .lineCap('round')
            .end;
        expect( line ).toEqual({ 
            type: 'line',
            x1: 10,
            y1: 10,
            x2: 10,
            y2: 10,
            color: 'red',
            dash: { length: 5 },
            fillOpacity: 0.1,
            lineColor: 'blue',
            lineWidth: 3,
            linearGradient: ['green', 'yellow'],
            lineCap: 'round'
        });
    });
});
 中国人