html2canvas 没有数据,html2canvas没有得到图像全高

由于某些原因，我不明白，html2canvas没有捕获整个高度的div。html2canvas没有得到图像全高

html2canvas($container, {

height: $container.height(),

onrendered: function(canvas) {

var data = canvas.toDataURL('image/png');

var file = dataURLtoBlob(data);

var formObjects = new FormData();

formObjects.append('file', file);

$.ajax({

url: 'ajax_preview',

type: 'POST',

data: formObjects,

processData: false,

contentType: false,

}).done(function(response){

console.log(response);

//window.open(response, '_blank');

});

}

});

我也尝试手动设置高度height: $container.height()但遗憾的是图像不断被截断。我也试图设置高度1124，但结果是一样的。

很难看，但在下面的图片中，您看到图像的白色部分没有任何边框。我在该部分中的所有内容都未显示。

什么可能导致此行为的任何想法？

+0

你叫负载高度还是准备好了？如果准备好了，你可能会在图像加载之前取高度，在这种情况下，高度不会太高 –

2014-09-29 11:51:47

+0

@Pete，首先谢谢。我设法发现这个问题属于我使用的CSS文件，因为我在JSFiddle中测试了一个类似的代码并且它工作了。然后我测试时没有调用我的CSS文件，并且工作得很好......但是使用CSS文件它没有“T。看到下面的图片：http://s24.postimg.org/jl2fqdtv9/image.png http://s24.postimg.org/hhs0ipu2d/image.png - 第一个图像有CSS文件，第二个没有。 –

2014-09-29 13:26:20