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

21–30 of 98 posts

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

#21

Post by jansan »

boomskats wrote: post #19

I really like the UX of this. Very usable on a Wacom enabled android tablet. Don't know if your spline editing mechanism (i.e. the ability to drag the line around from an aribtrary point rather than tweaking the individual handles) is something you came up with yourself or borrowed from elsewhere, but I really really like it. Only thing I noticed is that touch scrolling doesn't work on the tree on the left. Otherwise…

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 hundreds of elements. There are still a few issues, for example swipe scrolling and some jankiness on iOS, but I have them on my list.

Keyboard shortcuts are implemented for non-mobile devices. If you open a menu on the menu bar, you can see them at the right in the menu items.

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

#23

Post by Karliss »

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…

Inkscape LPE is exactly that - non destructive path modifiers. Graphite.rs editor in some ways has even bigger focus on nondestrictive effects.

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

#24

Post by jdiff »

jansan wrote: post #21
boomskats wrote: post #19

I really like the UX of this. Very usable on a Wacom enabled android tablet. Don't know if your spline editing mechanism (i.e. the ability to drag the line around from an aribtrary point rather than tweaking the individual handles) is something you came up with yourself or borrowed from elsewhere, but I really really like it. Only thing I noticed is that touch scrolling doesn't work on the tree on the left. Otherwise…

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?

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

#25

Post by Nekorosu »

california-og wrote: post #22
stared wrote: post #12

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

Check out GodSVG for a promising (still in development) SVG code editor. https://www.godsvg.com/

I was going to post it too. It's lovely!

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

#26

Post by throwaway2562 »

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

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

#27

Post by iFire »

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 except via the vectormagic product and machine learning research prototypes. I wonder how you solved it.

Can't interact more today so I'll end with this note of hopefulness.

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

#28

Post by Karliss »

There is no way to join 2 nodes without introducing new edge, unless there is some hidden shortcut. Also the "connect paths" ignores selection and instead randomly picks one of the two ends with matching direction. Even if you know the end direction rule you can't know which of the 2 endpoint pairs will be connected.

I might be slightly biased as I am more used to even/odd infill mode compared to non zero mode, but having user constantly keep track of which paths are clockwise and which are counterclockwise seems like unnecessary hassle, especially for paths without infill where it shouldn't matter. At least there is a UI indicator for it, otherwise I would be very confused.

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

#29

Post by jfindley »

jansan wrote: post #13
edu wrote: post #5

Nice, shows a lot of promise. A quick feedback, placign the floating toolbar at the top is distracting and takes up real-state from the actual drawing. I'd prefer to have a regular toolbar or placing it at the bottom of the canvas. Edit: or make it moveable/collapsible

Thanks, the toolbar has already been redesigned and moved several times. It collapses anyway when the window gets too narrow, so giving it a collapse button should be super easy to do.

Plus one on the floating thing, on desktop it'd be great to be able to move it out of my way but still have it present.

Also, while I assume/hope there are shortcut keys on desktop, I have no idea what there are and if they're documented anywhere I can't find it. If there aren't shortcut keys, it'd be super useful to add them, at least for common actions.

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

#30

Post by jansan »

Karliss wrote: post #28

There is no way to join 2 nodes without introducing new edge, unless there is some hidden shortcut. Also the "connect paths" ignores selection and instead randomly picks one of the two ends with matching direction. Even if you know the end direction rule you can't know which of the 2 endpoint pairs will be connected. I might be slightly biased as I am more used to even/odd infill mode compared to non zero mode, but h…

> There is no way to join 2 nodes without introducing new edge, unless there is some hidden shortcut.

Duh, I was not even aware that nodes get connected with a single node replacement in other apps. Somehow I missed that.

> Also the "connect paths" ignores selection and instead randomly picks one of the two ends with matching direction.

It should currently connect by selection order (first selected with first selected on other path), but I may have to rethink this.

Regarding fill rule I am aware that this is missing. Thanks a lot for the valuable feedback.

Post reply on HN