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

Show HN: SVG Path Builder

anthonydugois.com

Post reply on HN
Print view View original

11–20 of 32 posts

Re: Show HN: SVG Path Builder

#11

Post by nbadg »

atonparker wrote: post #9
planfaster wrote: post #5

Look at what I managed to do with this tool: http://imgur.com/hRJIKBW You know what that means? That this tool understands Bezier curves better than Adobe Illustrator. Why? Because Adobe has never heard of the phrase "cusp node". If you have Illustrator, I challenge you: - Draw a box with 4 sides - Try and curve the top line without causing the side lines to curve - Welcome to insanity. Kudos to the author of this to…

Not to take away from how cool this site is, but that is actually really easy to do in Illustrator. - Draw a box with 4 sides. - Use the Anchor Point Tool (shift + c) to select the top line and drag it. The adjacent points will split their anchors. You can use the Anchor Point Tool to convert points between corner mode, mirrored anchor mode, and split anchor mode. Not sure if those are the official terms.

If the anchor has its handles visible, you can also alt+click+drag one handle to automatically convert it to a split anchor / cusp / whatever the cool kids are calling it.

Re: Show HN: SVG Path Builder

#12

Post by kpil »

blt wrote: post #8
dheera wrote: post #4

This should just be the interface for path editing in Inkscape. Inkscape already has these features, but you have to randomly and madly left, right, and double-click various things along with some random keyboard modifiers until you get what you want. On another note, Blender seriously needs a more intuitive interface like this.

Inkscape could have had the world if they just copied Adobe Illustrator, but instead they came up with their own unfamiliar UI. I'm not saying their UI is worse that Illustrator (although I feel that way personally), but it's not better enough to justify the learning curve. I have to imagine Inkscape contributors were smart enough to realize this, so I guess they were afraid of getting sued. Same goes for Gimp/Photos…

I know nothing about Adobe, so I think Inkscape have more problems than being "Unfamiliar."

It's OK, but I never seem to remember if I'll change a property for a tool or my previous operation.

Re: Show HN: SVG Path Builder

#15

Post by brazzledazzle »

DanielStraight wrote: post #2

This is really cool and really well done. You should probably put the link to the GitHub page on it and add a LICENSE file to specify if it's open source though! It would also be really nice to have a feature to hide the points and control points to see what you've made more clearly. GitHub link for others: https://github.com/anthonydugois/svg-path-builder

I would like to see a license as well. Replies in general would be neat. Show HN and disappear for 6+ hours I guess.

Re: Show HN: SVG Path Builder

#16

Post by stevesunderland »

atonparker wrote: post #9
planfaster wrote: post #5

Look at what I managed to do with this tool: http://imgur.com/hRJIKBW You know what that means? That this tool understands Bezier curves better than Adobe Illustrator. Why? Because Adobe has never heard of the phrase "cusp node". If you have Illustrator, I challenge you: - Draw a box with 4 sides - Try and curve the top line without causing the side lines to curve - Welcome to insanity. Kudos to the author of this to…

Not to take away from how cool this site is, but that is actually really easy to do in Illustrator. - Draw a box with 4 sides. - Use the Anchor Point Tool (shift + c) to select the top line and drag it. The adjacent points will split their anchors. You can use the Anchor Point Tool to convert points between corner mode, mirrored anchor mode, and split anchor mode. Not sure if those are the official terms.

seriously. this is like AI 101.

Re: Show HN: SVG Path Builder

#17

Post by tlarkworthy »

Am I being thick? When I hold ctrl and click (on mac), the web context menu pops up and prevents me inserting a point. Although when the menu disappears I actually can add points. Also I have no idea how to create quad or bezier points.

EDIT: oh I am being somewhat thick, you can scroll down to see more menu options like line type. Its not at all obvious though at the resolution I am on. he CTRL click issue is still open for me though

Re: Show HN: SVG Path Builder

#18

Post by vincentkriek »

tlarkworthy wrote: post #17

Am I being thick? When I hold ctrl and click (on mac), the web context menu pops up and prevents me inserting a point. Although when the menu disappears I actually can add points. Also I have no idea how to create quad or bezier points. EDIT: oh I am being somewhat thick, you can scroll down to see more menu options like line type. Its not at all obvious though at the resolution I am on. he CTRL click issue is still…

Isn't control-click a right click emulation by default on OSX?

Re: Show HN: SVG Path Builder

#20

Post by renke1 »

Lovely. I kind of grown affected to SVG after I had to create a lot of SVGs at our last customer. It's cool because all you need is a text editor and a SVG viewer (I use [1]) to create images.

Manually creating paths can be pretty difficult though and that's why I am happy to see tools like this one.

[1]: https://atom.io/packages/svg-preview

Post reply on HN