- export на dom елементи в pdf/image..
WT форуми -> HTML / Javascript / CSS -> export на dom елементи в pdf/image..
Създайте нова тема Напишете отговор 
Автор Съобщение
vasilev
Потребител
Потребител

Регистриран на: 07/02/2009 2:41 pm

Support: 24
Bonus: 45
Мнения: 608
Мнение 19/07/2018 1:14 pm     export на dom елементи в pdf/image.. Отговорете с цитат


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

html2pdf
htmlcanvas
dom2pdf
jspdf

нищо от изброените не става.
въпросът е да е free
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Изпрати мейла Посетете сайта на потребителя
Fakeheal
Support
Support

Регистриран на: 17/04/2010 8:37 am

Support: 349
Bonus: 696
Мнения: 2640
Мнение 19/07/2018 4:33 pm      Отговорете с цитат


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

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

Целия код е:
Javascript code:

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);
});


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

Сървърно може да си го декоднеш и запишеш във файл (или да не го декодваш, ако не искаш. Idk, I am not your mom).
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение
vasilev
Потребител
Потребител

Регистриран на: 07/02/2009 2:41 pm

Support: 24
Bonus: 45
Мнения: 608
Мнение 19/07/2018 10:35 pm      Отговорете с цитат


хм, аз тествах с topng не tosvg..
малко се размества при мен някой от операторите но като цяло е ок.
мерси!
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Изпрати мейла Посетете сайта на потребителя
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 2 Часа
Страница 1 от 1


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети