2015-07-02 30 views
6

html2canvas JS kullanarak html öğesini tuval üzerine oluşturmaya çalışıyorum. Ama ben html sayfasında veri bağlama için AngularJS kullanıyorum ve bu html öğelerinden oluşturulan verilerde dinamik veriler oluşturulmuyor. Örneğin, böyle bir html elemanı vardır:AngularJS Şablonu'ndan HTML Canvas Oluşturun

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

Ama dinamik veri tuvalin üzerinde olmadığını görebilirsiniz:

enter image description here herhangi bir öneriniz olan veya olmayan, düzgün bunu nasıl dair html2canvas js kullanarak ???

cevap

0

Ne zaman html2canvas diyorsunuz? İşlenmeden sonra işlevi çağırmalısınız

+0

Evet, dom işlendikten sonra html2canvas'ı arıyorum, ancak çalışmıyor. –

+0

Bulut bütün kodu gönderiyor musunuz? Bununla benzer bir sorun yaşadım, Kodumu bu bağlantıyla görebilirsiniz. https://github.com/zackexplosion/angular-rails-blog/blob/master/app/assets/javascripts/front/posts/factories/hightlight.js –

+0

Kalan kod, htmlToCanvas'ı çağıran bir komuttan başka bir şey değildir ...