如何在angularjs中将html数据导出为pdf_随笔

如何在angularjs中将html数据导出为pdf

您可以使用

pdfmake

导出pdf

演示

var app = angular.module("app", []); app.controller("listController", ["$scope",   function($scope) {     $scope.data=  [{"agence":"CTM","secteur":"Safi","statutImp":"operationnel"}];     $scope.export = function(){        html2canvas(document.getElementById('exportthis'), { onrendered: function (canvas) {     var data = canvas.toDataURL();     var docDefinition = {         content: [{  image: data,  width: 500,         }]     };     pdfMake.createPdf(docDefinition).download("test.pdf"); }        });     }   } ]);<!doctype html><html ng-app="app"><head>  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.22/pdfmake.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>  <script src="script.js"></script></head><body>  <div ng-controller="listController">    <div id="exportthis">      {{data}}    </div>    <button ng-click="export()">export</button>  </div></body></html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/5622428.html

如何在angularjs中将html数据导出为pdf

发表评论

评论列表（0条）