Javascript html2canvas返回黑色图像
我在通过html2canvas将div渲染为图像时遇到问题 以下是我的javascript代码:Javascript html2canvas返回黑色图像,javascript,php,Javascript,Php,我在通过html2canvas将div渲染为图像时遇到问题 以下是我的javascript代码: function saveImages(i) { html2canvas($("#page"+i), { logging:true, onrendered: function(canvas){ var url = canvas.toDataURL();
function saveImages(i)
{
html2canvas($("#page"+i), {
logging:true,
onrendered: function(canvas){
var url = canvas.toDataURL();
$.post("saveImage.php", {"path": url, "index":i}, function(data){
var p = Math.round(((i+1)/totalPages)*100);
$("#progressGraphical").css("width", p+"%");
if(p>=100){p = "fertig!"}else{p += "%";}
$("#progress").html((i+1)+"/"+totalPages+" Seiten gespeichert - "+p);
if(i<totalPages) saveImages(i+1);
});
}
});
}
$(document).ready(function(){
saveImages(0);
});
函数saveImages(i)
{
html2canvas($(“#页”+i){
日志记录:是的,
onrendered:函数(画布){
var url=canvas.toDataURL();
$.post(“saveImage.php”,{“path”:url,“index”:i},函数(数据){
var p=数学四舍五入((i+1)/总页数)*100);
$(“#progressGraphical”).css(“宽度”,p+“%”);
如果(p>=100){p=“fertig!”}其他{p+=“%”;}
$(“#progress”).html((i+1)+“/”+totalPages+“Seiten gespeichert-”+p);
如果(i
只需添加css背景色:#ffffff到您的表格:)
希望这有帮助
我将内容包装到每个所需页面的div中,并给出class=“pdfpage”
然后将css设置为pdfpage{background:#FFFFFF;}
正如我所评论的,我并不是第一个想到需要将渲染元素的背景设置为白色,因为它已经是白色了……但事实上它是无色的
我的答案来自:
刚刚注意到,影响正确图像呈现的不是递归调用的数量。它一定与存在的html元素的数量有关。注意:如果存在超过27个html元素,则会发生错误