Tạo HTML Canvas từ AngularJS Template

Question

Tôi đang cố gắng hiển thị phần tử html trên canvas bằng cách sử dụng html2canvas JS. Nhưng tôi đang sử dụng AngularJS để ràng buộc dữ liệu trên trang html và dữ liệu động không được hiển thị trên canvas được tạo từ các phần tử html này. Ví dụ, tôi có một yếu tố html như thế này:

<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> 

Nhưng chúng ta có thể thấy rằng các dữ liệu động không được trả lại trên vải:

Bất kỳ lời đề nghị về làm thế nào để làm điều đó đúng, có hoặc không có sử dụng html2canvas js ???

Answer 1

Khi nào bạn gọi html2canvas? Bạn nên gọi hàm sau khi hiển thị hình ảnh