p5.js-svg VS vpype

Hi I usually have same trouble with hidden objects. The p5js remove() function doesn't work for me when i use P5.js +p5.js-svg

I use p5.js and the p5.js-svg plugin.

ez volna az?

You tried something like this? First thing that jumped to mind was you’re gonna need to change the rendering context from canvas to SVG. Canvas is inherently pixels so not sure if you’re gonna be able to do canvas->SVG.

I'm currently exporting svgs from p5js using the svg runtime. I'm drawing text, and my goal is to then plot the SVGs that I create using an axidraw.

There are libraries (i.e. https://github.com/zenozeng/p5.js-svg) that give you a SVG runtime. It's really useful since you are still working with a canvas but behind the scenes it's SVG.

I’ve previously used: https://github.com/zenozeng/p5.js-svg

You can use p5.js-SVG https://github.com/zenozeng/p5.js-svg and print the resulting SVG.

I'm not sure but that sounds like something vpype could do: https://github.com/abey79/vpype

If your polygons are closed you can try using vpype with the occult plug in to automatically remove invisible paths. The catch is that they really need to be closed polygons and not lines. There may be another plug in that does handle lines though.

The basics: I generated this plot via a program I wrote. That program was written in Javascript, using the p5.js library for drawing lines and stuff, and canvas-sketch to generate the SVG for plotting. I passed the SVG through vpype to merge & sort the lines, and then connected to the AxiDraw using saxi. Not knowing where you're at, those are a good choice to get started—Javascript is an okay language, and p5.js is really good for just getting stuff appearing on the page. And you can just start with the first 2, and add vpype and saxi later.

Ah, very nice.

That should reduce the effort needed to something you might be able to make quick work of, yourself, with some thought.

this website [1] recommends a tool called vpype [2] which might have an option to do what you need or might be able to be tweaked to do what you need

[1] https://www.acrylicode.com/svg-to-gcode-walkthrough/

[2] https://github.com/abey79/vpype

vpype: https://github.com/abey79/vpype occult plugin for vpype: https://github.com/LoicGoulefert/occult

I think the lines are so small it makes dots. You can use vpipe tool to fix up stuff like this. Don't ask me for the command I just know it exists. https://github.com/abey79/vpype

VPype has good tools for post-processing SVG to optimize plot speed. Simplifying the geometry and optimizing the line drawing order are the two basic things. Axidraw's Inkscape extension does some of this automatically, too.