从 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 渲染后调用该函数