js将html保存成图片,pdf

  
     


 $(function(){    

        var targetDom = $("#container1");    
        var copyDom = targetDom.clone();    
        copyDom.width(targetDom.width() + "px");    
        copyDom.height(targetDom.height() + "px");    
        $('body').append(copyDom);    
        html2canvas(copyDom, {    
            allowTaint: true,    
            taintTest: false,    
            onrendered : function(canvas) {    
            imgData = canvas.toDataURL(type);    
          }    
        });  
        
    })  
    
    
    
    function exporepng(){
    html2canvas($("#container1"), {  
         onrendered: function(canvas) {
         url = canvas.toDataURL();
           //把截取到的图片替换到a标签的路径下载  
           $("#download").attr('href',canvas.toDataURL());  
           //下载下来的图片名字  
           $("#download").attr('download','share.png') ;   
           document.body.appendChild(canvas);  
         }  
       });  
       
       document.getElementById("download").click(); 
    }
    
    
    
    function exporepdf(){
     
    var pdf = new jsPDF('p', 'mm', 'a4'); 
         var print_content = $('#container1'); 
         var filename = 'hello.pdf'; 
         $('#container1').css("background", "#fff");
         pdf.addHTML($('#container1'), function(){
             pdf.output("save", filename)
         });
         $('#container1').css('background','none')


   }

你可能感兴趣的:(基础知识)