從AngularJS模板生成HTML畫布

我想使用html2canvas JS在畫布上呈現html元素。但我使用AngularJS進行html頁面上的數據綁定，並且動態數據不會從這些html元素生成的畫布上呈現。例如，我有一個這樣的HTML元素：從AngularJS模板生成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>

但是我們可以看到，數據的動態不呈現在畫布上：關於如何做正確，有無

enter image description here 任何建議使用html2canvas js ???

來源

2015-07-02 Rahul Bhooteshwar

你什麼時候調用html2canvas？你應該在dom渲染後調用函數

來源

2015-07-02 05:26:25

是的，我在dom渲染後調用html2canvas，但它不工作。 –

雲你發佈整個代碼？，我有類似的問題，你可以看到我的代碼與此鏈接。 https://github.com/zackexplosion/angular-rails-blog/blob/master/app/assets/javascripts/front/posts/factories/hightlight.js –

剩下的代碼不過是一個腳本調用htmlToCanvas ... –

從AngularJS模板生成HTML畫布

回答

相關問題