Convert div/ui grid to svg

Asked Jan 27 '17 at 12:46

Active Jan 27 '17 at 12:46

Viewed 159 times

I need to be able to convert UI grid or a div that contains it into svg. So far I have used library called html2canvas, pass it a div id and export it into a canvas. Now I'm stuck as there is no way I can find that would allow me to take that generated canvas and export to svg. Is there any way I can achieve that ? Or maybe my approach is wrong ?

public hello =()=>{

    //noinspection TypeScriptUnresolvedFunction
    let element = document.getElementById('container');
    html2canvas(element).then(function(canvas) {

    });
};

asked Jan 27 '17 at 12:46

Dodi

2,201
4
30
39

SVG is a *vector* format. Converting random HTML elements to a vector format isn't going to be an easy task, if it's possible at all. Is that really what you want to do? – Pekka Jan 27 '17 at 12:48
Share the working fiddle please. – Aman Jain Jan 27 '17 at 12:50
Have you looked up fabric.js ? – Ruby Racer Jan 27 '17 at 12:50
Www.cloudformattet.com is a JS library with external formatter that supports creating svg from a div – Kevin Brown Jan 27 '17 at 17:23

Convert div/ui grid to svg

0 Answers0