Приветствую. У меня такой вопрос. Есть таблица
<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рх. Может кто сталкивался. Или предложит свое решение задачи, без всего этого.