我无法从文档中学习任何内容,我该如何知道 .html 方法中存在哪些选项?它只说我可以添加一个选项对象,但没有说明这些选项可以是什么。我在这里缺少什么?
作为一种可能的替代方法,您可以点击特定方法的源链接(文档)来查看代码。在这种情况下是:
https://rawgit.com/MrRio/jsPDF/master/docs/modules_html.js.html#line749
这就是选项对象:
options = options || {};
options.callback = options.callback || function () {};
options.html2canvas = options.html2canvas || {};
options.html2canvas.canvas = options.html2canvas.canvas ||
this.canvas;
options.jsPDF = options.jsPDF || this;
从文档您可以看到.html模块背后的代码:
/**
* Generate a PDF from an HTML element or string using.
*
* @name html
* @function
* @param {Element|string} source The source element or HTML string.
* @param {Object=} options An object of optional settings.
* @description The Plugin needs html2canvas from niklasvh
*/
jsPDFAPI.html = function (src, options) {
'use strict';
options = options || {};
options.callback = options.callback || function () {};
options.html2canvas = options.html2canvas || {};
options.html2canvas.canvas = options.html2canvas.canvas || this.canvas;
options.jsPDF = options.jsPDF || this;
// Create a new worker with the given options.
var pdf = options.jsPDF;
var worker = new Worker(options);
if (!options.worker) {
// If worker is not set to true, perform the traditional 'simple' operation.
return worker.from(src).doCallback();
} else {
// Otherwise, return the worker for new Promise-based operation.
return worker;
}
return this;
};
jsPDF.html 参数:
名称类型属性描述
回调函数 强制回调函数将当前 jsPDF 作为第一个参数 实例
保证金数量 |大批。页边距[上、右、 左下方]。默认值为 0。
autoPaging 布尔值 | '切片' | 'text' 自动分页模式。
false:禁用自动分页。 true 或 'slice':将切割形状或 跨分页符的文本块。可能会将文本切成两半, 使其难以阅读。 'text':尽量不要将文本切成两半 跨分页符。最适合主要包含以下内容的文档 单列文本。默认为 true。文件名字符串 文件名
image HTMLOptionImage 转换HTML时的图像设置 到图像
html2canvas Html2CanvasOptions html2canvas 选项
fontFaces 数组。要匹配的字体列表 解析字体时。字体将根据以下内容添加到 PDF 中 指定的网址。如果省略,字体匹配算法将回退到旧的 算法。
jsPDF jsPDF jsPDF 实例
PDF 文档上的 x 数字 x 位置(以 jsPDF 为单位)。
PDF 文档上的 y 数字 y 位置(以 jsPDF 为单位)。
width number jsPDF 中 PDF 文档的目标宽度 单位。渲染的元素将被缩放以适合 指定宽度。如果 html2canvas.scale 为 指定或未指定 windowWidth 选项。
windowWidth number 以 CSS 像素为单位的窗口宽度。在 与 html2canvas.windowWidth 选项相比,此选项影响 渲染时的实际容器大小,不影响 CSS 媒体查询。该选项仅在宽度选项为 还指定了。