由于某些原因,我不明白,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