Start by simply adding a 'savePNG' method that generates a PNG from the current viewport, previewing it in an overlay, and allowing the user to download it.
var img = new Image();
img.src = renderer.getGLCanvas().toDataURL('image/png');
img.onload = function() {
// Do post processing on the image.
}
Export some sample files to PNGs for the next step.
Research the various vectorization tools available in npm.
Manually process the sample files to SVG and try to find the best tool for the job.
Integrate the vectorizer tool into the SvelteApp and maybe allow users to see the SVG image in the overlay.
(Maybe they can select a 'vectorize' option. There could be some settings).
https://community.zea.live/t/create-2d-snapshot/86/2
Start by simply adding a 'savePNG' method that generates a PNG from the current viewport, previewing it in an overlay, and allowing the user to download it.
Export some sample files to PNGs for the next step.
Research the various vectorization tools available in npm.
Manually process the sample files to SVG and try to find the best tool for the job. Integrate the vectorizer tool into the SvelteApp and maybe allow users to see the SVG image in the overlay. (Maybe they can select a 'vectorize' option. There could be some settings).