Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Hyvector – A fast and modern SVG editor

hyvector.com

Post reply on HN
Print view View original

31–40 of 98 posts

Re: Show HN: Hyvector – A fast and modern SVG editor

#31

Post by jankovicsandras »

iFire wrote: post #27

The first thing that came to mind was my friend's project to do a SVG editor in Godot Engine https://www.godsvg.com/ . I'll write my first impressions of https://github.com/hyvectorapp so it helps usability and improvement. Oh it's a freemium app. hyvectorapp starts off looking like figma, penpot style which is a good sign. I can export svg [x] There's no align to grid system. vector tracing is not generally solved e…

Can this solve vector tracing? https://github.com/jankovicsandras/imagetracerjs (Public domain) Discaimer: I made this.

Re: Show HN: Hyvector – A fast and modern SVG editor

#33

Post by jansan »

throwaway2562 wrote: post #26

Looks cool! Very polished, I appreciate just how much effort it takes to get something like this out of the door. Couple of questions for OP What is it written in? What will the license be? Context: Currently evaluating the venerable SVGEdit (MIT, JavaScript) for a project https://github.com/SVG-Edit/svgedit

It is written in plain Javascript using Vue for reactivity. I have not made any decisions regarding the license or monetization, but for now it is just free to use.

Re: Show HN: Hyvector – A fast and modern SVG editor

#34

Post by jansan »

jdiff wrote: post #24
jansan wrote: post #21

Earlier quoted context omitted.

Thanks, the curve dragging is surprisingly easy. I think a very old discussion in a Google forum have me the idea how to implement it. It even works with keeping the handle directions (pressing Shift while dragging). That tree on the left is difficult to get right on all devices. It has to support click, touch to click, drag and drop, swipe scrolling, touch scrolling, etc., and all that while acting as if it holds hu…

I'd be very interested in that discussion for one of my own projects, any chance you still have a link handy?

I was wrong, it was on Stackexchange. Stackexchange is full of true gems, and they really often have no or only very few upvotes, because nobody recognizes their value.

https://math.stackexchange.com/a/952050

Re: Show HN: Hyvector – A fast and modern SVG editor

#36

Post by jwmcglynn »

Very nice! My side project is a C++ SVG rendering library, and I have never been able to find great SVG editors.

I usually fall back to Illustrator and then clean up the resulting markup, or a text-based editor such as https://www.svgviewer.dev/

Your UX is quite polished, and your tool already supports more features than other ones I've found, good work!

For reference this is my project, https://github.com/jwmcglynn/donner, which has a web-based "editor" (currently just code-based editing) prototype here: https://jwmcglynn.github.io/donner-editor/

SVG is one of those things that has lots of potential but has been impacted by not-so-great tooling, it's my passion and I'm glad to see innovation in the space.

Re: Show HN: Hyvector – A fast and modern SVG editor

#37

Post by titaphraz »

jankovicsandras wrote: post #31
iFire wrote: post #27

The first thing that came to mind was my friend's project to do a SVG editor in Godot Engine https://www.godsvg.com/ . I'll write my first impressions of https://github.com/hyvectorapp so it helps usability and improvement. Oh it's a freemium app. hyvectorapp starts off looking like figma, penpot style which is a good sign. I can export svg [x] There's no align to grid system. vector tracing is not generally solved e…

Can this solve vector tracing? https://github.com/jankovicsandras/imagetracerjs (Public domain) Discaimer: I made this.

The inkscape extension link is to a empty page: https://inkscape.org/~MarioVoigt/%E2%98%85imagetracerjs-for-...

Re: Show HN: Hyvector – A fast and modern SVG editor

#38

Post by jarek-foksa »

jansan wrote: post #14
stared wrote: post #12

Thank you for sharing! Does it offer a way to edit relevant pieces of SVG code?

No, this is currently not a feature. I wanted to keep a certain level of abstraction to be able to add features that SVG does not support natively. Internally it uses its own object model, which is similar to SVG but in parts different (for example when using clip paths), so giving access to the raw SVG code may be difficult.

If I were to build a web-based vector graphics editor from scratch today, I would make it work internally with a "sane" subset of SVG such as SVG Micro [1].

This way you get a fast and reliable rendering engine for free (including support for MathML and HTML objects), you can easily import third-party SVG assets with a normalizer such as SVGO and you don't need to bother with all the convoluted special cases.

[1] https://github.com/linebender/resvg/blob/main/crates/usvg/do...

Re: Show HN: Hyvector – A fast and modern SVG editor

#39

Post by jansan »

lyu07282 wrote: post #20

Looks great! Not meant as a critique but I always thought SVG is the wrong level of abstraction for an editor, I don't really want a SVG editor I want a vector drawing program. Sure it should render to optimized SVG, but a UI/UX built around the SVG concepts like path, clip-path and the like is not very end-user friendly. This always irked me about inkscape anyway. Also what I always thought would be a real killer fe…

Well, this is actually the idea behind it. There is an internal object model, but currently the mapping from SVG to the internal model is almost 1:1. One first exception is clip paths, which in Hyvector is a path with stroke and fill and a content that is clipped outside that path. In SVG handling of clip paths is quite cumbersome and not very intuitive.

If I can continue developing this other features will follow: Corner rounding of paths, non-destructive boolean operations, variable stroke widths, multiple fills, distortions, etc.

The thing is that I want to keep SVG as the export format, because it it really good for the wbe can be styled with CSS. Therefore effects must be exportable as true SVG (even if composed of multiple SVG elements), not some fake bitmap inserted into an SVG as some other editors do it when exporting SVGs. This for example means that there will be no conic gradients unless they are supported by SVG one day.

Re: Show HN: Hyvector – A fast and modern SVG editor

#40

Post by jarek-foksa »

titaphraz wrote: post #37
jankovicsandras wrote: post #31

Earlier quoted context omitted.

Can this solve vector tracing? https://github.com/jankovicsandras/imagetracerjs (Public domain) Discaimer: I made this.

The inkscape extension link is to a empty page: https://inkscape.org/~MarioVoigt/%E2%98%85imagetracerjs-for-...

"Vectorize" generator in Boxy SVG also uses imagetracerjs under the hood, you can check the online demo here: https://boxy-svg.com/#demo-tracing

I think Inkscape still uses Potrace internally, which is produces a bit better results.

Post reply on HN