jspdf + html2canvas 图片空白 & demo

在线demo , 点击底部takepicture即可生成

react 版本的在这里

这里涉及到2个问题

1、不能直接双击打开html文件，要用web服务的方式请求。意思是，你的网页请求必须是http的请求。这个可以用python一条命令起一个本地的web服务：

python2：

python -m SimpleHTTPServer 8000

python3

python3 -m http.server

 2、需要设置html2canvas两个参数,配置跨域，在下面的代码中可以看到用法

allowTaint: false,
backgroundColor: null,

 

最后 附上完整代码。复制后直接就可以用了

    
    
    
    
    
    
    　
    



    

        

            

                
TITLE
            
            

                

                    

                        
                    
                    

                        
                    
                
 take picture
                
            
        
    

 

参考文档：https://www.jianshu.com/p/651c40d565e4