html2canvas неправильно рисует таблицу
Приветствую. У меня такой вопрос. Есть таблица
<table id="construct" border="1" width="80px"><tr><td id=1:1 class="col"></td><td id=1:2 class="col"></td><td id=1:3 class="col"></td><td id=1:4 class="col"></td><td id=1:5 class="col"></td></tr><tr><td id=2:1 class="col"></td><td id=2:2 class="col"></td><td id=2:3 class="col"></td><td id=2:4 class="col"></td><td id=2:5 class="col"></td></tr><tr><td id=3:1 class="col"></td><td id=3:2 class="col"></td><td id=3:3 class="col"></td><td id=3:4 class="col"></td><td id=3:5 class="col"></td></tr><tr><td id=4:1 class="col"></td><td id=4:2 class="col"></td><td id=4:3 class="col"></td><td id=4:4 class="col"></td><td id=4:5 class="col"></td></tr><tr><td id=5:1 class="col"></td><td id=5:2 class="col"></td><td id=5:3 class="col"></td><td id=5:4 class="col"></td><td id=5:5 class="col"></td></tr></table> И есть скрипт, который преобразует с помощью плагина html2canvas(подключен) таблицу в изображение и сохраняет на компьютере пользователя. function get_blueprint() { html2canvas($('#construct'), { onrendered: function (canvas) { var img = canvas.toDataURL('image/png').replace("image/png", "image/octet-stream"); canvas.toBlob(function(blob) { saveAs(blob ,"blueprint.png"); }, "image/png"); } }); }; vanvas to Blob и file saver тоже подключены, однако вместо самой таблицы я получаю полоску 1х18рх. Может кто сталкивался. Или предложит свое решение задачи, без всего этого. |
Часовой пояс GMT +3, время: 04:42. |