首页 / JAVASCRIPT / javascript-html2canvas返回黑色图像

javascript-html2canvas返回黑色图像

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-html2canvas返回黑色图像，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1111字，纯文字阅读大概需要2分钟。

内容图文

我在通过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);
        });

由于必须使用jquery函数完成后请求,因此我必须递归工作.
请求的php文件采用canvas.toDataUrl-Method生成的base64编码的url,对其进行解码并将其保存到名为“ page0 / 1/2 /…/ n.png”的图像文件中.

所有这些工作正常-直到超过总数约24个递归调用.如果是这种情况,那么html2canvas生成的所有图像(甚至是第24个递归调用之前的图像)都被绘制为空白.我已经看过base64编码的url-并且只有两个相等的字符串交替出现.

错误在哪里？

解决方法:

https://stackoverflow.com/a/23928038/1815624

simply add css background-color:#ffffff to your table

标签：, 来源： https://codeday.me/bug/20191122/2055832.html

内容总结

以上是互联网集市为您收集整理的javascript-html2canvas返回黑色图像全部内容，希望文章能够帮你解决javascript-html2canvas返回黑色图像所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/659058.html

来源：【匿名】