Smako

PostsComments

NNuxt

•Created by Smako on 5/23/2024 in #❓・help

How do I manipulate heavy SVG files?

Other solutions I've tried were "@svgdotjs/svg.js" with "svgPanZoom" and "Konva". With all of them, I've noticed some problems: - Konva: Changing the properties of svg elements requires redrawing the entire canvas rendering. Firstly, performance-wise, I don't think it's great (you tell me). Secondly, each time the rendering is redrawn, the position of the rendering (moved with the mouse) is reset. - @svgdotjs/svg.js: Modifying the properties of svg elements is not a problem. But when using svg.js, the svg element is manipulated directly and rendering jerks. If you're more comfortable with one of these libraries than I am, I'm all ears. Or any other solution.

9 replies

NNuxt

•Created by Smako on 5/23/2024 in #❓・help

How do I manipulate heavy SVG files?

yes, I've tried "svgo" but I'm having performance problems. Their optimization solution with the "svgo" command doesn't change much and risks deleting elements in the svg.

9 replies

NNuxt

•Created by Smako on 5/23/2024 in #❓・help

How do I manipulate heavy SVG files?

interesting but the aim is not to create an svg myself, I already have an svg file that I want to manipulate

9 replies