从AngularJS模板生成HTML

Question

我正在尝试使用html2canvas JS在画布上呈现html元素。但是我使用AngularJS在html页面上进行数据绑定，并且动态数据不会从这些html元素呈现在生成的画布上。例如，我有一个这样的html元素：

<table class="table table-striped table-bordered table-hover">
    <tr>
        <th>Name</th>
        <th>URI</th>
        <th>Is Default</th>
        <th>Action</th>
    </tr>
    <tr ng-repeat="printer in printers">
        <td>{{printer.name}}</td>
        <td>{{printer.url}}</td>
        <td>{{printer.default}}</td>
        <td><button ng-click="printTestPage(printer.url)">Print Test Page</button></td>
    </tr>
</table>

但是我们可以看到动态数据并没有呈现在画布上：

​

对于如何正确地使用或不使用html2canvas js，有什么建议吗？

Answer 1

什么时候调用html2canvas？您应该在dom呈现之后调用该函数。