从AngularJS模板

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 renderd

之后调用该函数