2015-07-02 2 views
6

Я пытаюсь отобразить элемент html на холсте с помощью html2canvas JS. Но я использую AngularJS для привязки данных на странице html, и динамические данные не отображаются на сгенерированном холсте из этих элементов html. Например, у меня есть HTML элемент, как это:Создание HTML Canvas из шаблона AngularJS

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

ответ

0

Когда вы называете html2canvas? Вы должны вызвать функцию после dom renderd

+0

Да, я вызываю html2canvas после рендеринга dom, но его не работает. –

+0

Облако вы публикуете весь код? , У меня была аналогичная проблема с этим, вы можете увидеть мой код с помощью этой ссылки. https://github.com/zackexplosion/angular-rails-blog/blob/master/app/assets/javascripts/front/posts/factories/hightlight.js –

+0

Оставшийся код - это не что иное, как скрипт, вызывающий htmlToCanvas ...

Смежные вопросы