export на dom елементи в pdf/image..

Post Reply
User avatar
vasilev
Потребител
Потребител
Posts: 622
Joined: Sat Feb 07, 2009 12:41 pm
Answers: 25
Location: Everywhere
Contact:

export на dom елементи в pdf/image..

Post by vasilev » Thu Jul 19, 2018 11:14 am

здавейте,
използвам jquery flowchart за създаване на диаграми.
знаете ли начин да се експортне съдържанието във файл.
опитах:

html2pdf
htmlcanvas
dom2pdf
jspdf

нищо от изброените не става.
въпросът е да е free

Fakeheal
Гуру
Гуру
Posts: 2682
Joined: Sat Apr 17, 2010 6:37 am
Answers: 350
Location: /r/eyebleach
Contact:

Post by Fakeheal » Thu Jul 19, 2018 2:33 pm

Може да ползваш dom-to-image.

Ето пример с първото демо на плъгина, тъй като не си показал примерни чартове: https://jsfiddle.net/FakeHeal/zgmce7a3/

Целия код е:
[js]
domtoimage.toSvg($("#example_1").get(0))
.then(function(dataUrl) {
var img = new Image();
img.src = dataUrl;
document.body.appendChild(img);
console.log(dataUrl)
}).catch(function(error) {
console.error('oops, something went wrong!', error);
});
[/js]

А, за да запишеш картинката като файл, просто с ajax направи post request, в който подаваш dataUrl, което е base64 на svg-то.

Сървърно може да си го декоднеш и запишеш във файл (или да не го декодваш, ако не искаш. Idk, I am not your mom).

User avatar
vasilev
Потребител
Потребител
Posts: 622
Joined: Sat Feb 07, 2009 12:41 pm
Answers: 25
Location: Everywhere
Contact:

Post by vasilev » Thu Jul 19, 2018 8:35 pm

хм, аз тествах с topng не tosvg..
малко се размества при мен някой от операторите но като цяло е ок.
мерси!

Post Reply