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

91–98 of 98 posts

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

#91

Post by recursive »

jansan wrote: post #79
recursive wrote: post #75

Earlier quoted context omitted.

I definitely saw the button, and clicked on it many times. And vigorously, but nothing ever happened. I tried this in Firefox and Chrome on two different machines. Then I used some debugging skills, and found that there were a pair of zero-opacity s blocking my clicks on the button, which is why nothing happened. After detaching them from the document, the shape button started doing stuff. I suspect these mystery ifr…

I Hyvector an `iframe` is only used when parsing an SVG, so apparently something went wrong and the iframe was not removed properly. I will have to add better error handling to prevent ensure everything is cleaned up in any case.

I'm not sure if you changed anything, but it's working now. No phantom iframes. Everything makes more sense now.

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

#94

Post by Mystery-Machine »

Just tried to edit this icon so that the arrow is in the center of the circle. The mask wasn't properly recognized and so it only shows a black circle:

http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" stroke-width="2" stroke="black">

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

#95

Post by jansan »

Mystery-Machine wrote: post #94

Just tried to edit this icon so that the arrow is in the center of the circle. The mask wasn't properly recognized and so it only shows a black circle: http://www.w3.org/2000/svg " xmlns:xlink=" http://www.w3.org/1999/xlink " width="20" height="20" viewBox="0 0 20 20" stroke-width="2" stroke="black">

As I wrote in the post above, masks and filters are not not supported, yet.

For your icon a clip path may make more sense than a mask. If you want to create an icon with the same shape you can simply take the elements from the mask and paste them into Hyvector and work with that:

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

#96

Post by jansan »

8mobile wrote: post #92

Congratulations for your SVG editor, I really like the idea. Clean graphics, easy to use. Would it be possible to export the created files also in PDF format? It would be really useful as an editor. Thanks and keep it up

Thanks so much! I have never tried converting SVG images to PDF, but there is a pure Javascript library for that called SVG2PDF.js, so I may give it a try. But my first impressions from the SVG2PDF.js playground is that there are a lot of issues with more advanced SVG options.

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

#98

Post by Steffest »

Very Nice! I love web-based editors. I like how an imported SVG clearly shows all objects/groups, even with correct previews.

2 features I'm missing or couldn't find: - is there way to convert lines to shapes? - is there a way to edit the SVG code directly by hand in real time? (maybe that's too niche for casual users, but some things - like fills - are way easier to edit in code than in visual tools)

Any chance of open sourcing this?

Post reply on HN