Mam problem ze zrzutem chartów do PDF czy innego formatu w przeglądarce IE11 (generuje pustą stronę z wyszarzanym kwadratem) . Na innych przeglądarkach to działa bez problemu.
(Nie zwaracjcie uwagi na zakreślony w krąg Subsystem)
Chart do zrzutu:
Html z chartem
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" ng-click="close()">
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
</button>
<h4 class="modal-title">Event Statistics</h4>
</div>
<div class="modal-body">
<table style="margin: auto;" id="diagram">
<tr>
<td class="aaa" width="500px"><highchart id="statisticsChart1" config="chartSystemConfig" class="chartStatistics"></highchart></td>
<td class="aa1a" width="700px"><highchart id="statisticsChart2" config="chartMessageConfig" class="chartStatistics2"></highchart></td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" ng-click="close()">
Close
</button>
<button type="button" class="btn btn-default" data-dismiss="modal" ng-click="generateScreenshot()">
print
</button>
</div>
</div>
Skrypt do zrzutu charta:
$scope.generateScreenshot = function () {
html2canvas($("#diagram"), {
onrendered: function(canvas) {
var imgData = canvas.toDataURL(
'image/png');
var doc = new jsPDF();
doc.addImage(imgData, 'PNG', 0, 0);
doc.save('sample-file.pdf');
}
});
};
Po debugowaniu i wrzuceniu wygenerowanego linku z canvas.toDataURL('image/png'); w przeglądarkę dostaje biały kwadrat możliwe że generator linku coś sobie nie radzi. Jakieś pomysły?