Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cocoa/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript html2canvas返回黑色图像_Javascript_Php - Fatal编程技术网

Javascript html2canvas返回黑色图像

Javascript html2canvas返回黑色图像,javascript,php,Javascript,Php,我在通过html2canvas将div渲染为图像时遇到问题 以下是我的javascript代码: function saveImages(i) { html2canvas($("#page"+i), { logging:true, onrendered: function(canvas){ var url = canvas.toDataURL();

我在通过html2canvas将div渲染为图像时遇到问题

以下是我的javascript代码:

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元素,则会发生错误