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