【解决】jsPDF之长图片生成PDF

在获取到页面截取的base64位的长长图片之后，添加到pdf中。

$(“#downpdf”).on(“click”, function() {

//获取节点高度，后面为克隆节点设置高度。

var height = $(TargetNode).height()

//克隆节点，默认为false，不复制方法属性，为true是全部复制。

var cloneDom = $(TargetNode).clone(true);

//设置克隆节点的css属性，因为之前的层级为0，我们只需要比被克隆的节点层级低即可。

cloneDom.css({

“background-color”: “white”,

“position”: “absolute”,

“top”: “0px”,

“z-index”: “-1”,

“height”: height

});

//将克隆节点动态追加到body后面。

$(“body”).append(cloneDom);

//插件生成base64img图片。

html2canvas(cloneDom, {

//Whether to allow cross-origin images to taint the canvas

allowTaint: true,

//Whether to test each image if it taints the canvas before drawing them

taintTest: false,

onrendered: function(canvas) {

var contentWidth = canvas.width;

var contentHeight