html2canvas边框无法渲染,Html2Canvas无法正确渲染多个div

Html2Canvas不能够正确地呈现多个div时Html2Canvas无法正确渲染多个div

的资料核实的数量增加显著，或

的每个DIV的大小增加显著(那么它失败用更少的DIV数)

我使用Html2Canvas插件将div(包含图像)转换为画布。我已经实现了递归函数来一次转换多个图像(参见下面的代码)。

的JavaScript

//counter

var div_number = 0;

function image2canvas() {

var img2canvasObj = {

logging:true,

onrendered: function (canvas) {

canvas.id = "cvs" + div_number;

$("#canvasid").append(canvas);

//incrementing the counter

div_number = div_number + 1;

if (div_number <= 18) {

html2canvas($("#tempDivforpublishplan" + div_number), img2canvasObj);

}

if (div_number === 19) {

}

}

};

html2canvas($("#Content_to_convert" + div_number), img2canvasObj);

}

为多个图像(其中我转换为帆布)的HTML如下。请注意，我使用图像作为div元素的背景。这些元素中的每一个都有一个base64字符串附加到用于将图像转换为画布的图像URL。 HTML：

.

.

.

当图像数越多，或图像的大小和分辨率高，只有少数图像被正确地转换。剩余的图像部分转换或根本不转换。有没有可用于解决此问题的解决方法？

+0

你曾经能够弄清楚这一点吗？ –

2016-06-27 15:49:12