search

Yqnn / svg-path-editor

Online editor to create and manipulate SVG paths
https://yqnn.github.io/svg-path-editor/
Apache License 2.0
4k stars 322 forks source link

Would fit perfectly for a webview VS Code extension #7

Open Knogobert opened 3 years ago

Knogobert commented 3 years ago

I got the idea for adding this as a VS Code extension, as it could be a nice IDE workflow supplement whenever opening up an SVG in VS Code.

Perhaps opening a SVG with this svg-path-editor would open up a webview to the side and let us edit them directly in place, without moving between programs or moving around files.

A good start on how to create one is right here: https://code.visualstudio.com/api/extension-guides/webview

Example of a webview extension

I just don't have time to delve into this and do it right now.

Anyone up for the task?

Yqnn commented 3 years ago

That's a very interesting idea, but SVG path editor isn't able to edit a full SVG, only paths.

Maybe it would possible to open it to modify a specific path, the same way a color picker can edit a specific color ? To be investigated.

sametweb commented 3 years ago

I did not want to open a new ticket for this, but it might also be a good idea to have this app as a PWA.

steodor commented 3 years ago

Just a confirmation, i would definitely use this as a VSCode extension to edit paths. Awesome work by the way!

4skl commented 3 years ago

I did not want to open a new ticket for this, but it might also be a good idea to have this app as a PWA.

Yeh, I had the same idea, that's a really useful tool and making it usable offline can improve it

justingolden21 commented 3 years ago

I just came here to suggest that this be a PWA, this would be perfect. That way I can use it offline on my laptop. I'd be willing to help create a PR if interested

Yqnn commented 3 years ago

PWA added in 86b0dadabb78ea4d654dcb7773a3571549280089

justingolden21 commented 3 years ago

PWA added in 86b0dad

That's AWESOME. Also amazing that you added this so quickly. I love this webapp 😃

ziofat commented 1 year ago

VSCode extension would be great. It can use svgo to transform a svg file to path only svg and then edit it. Though not all svgs can be transform to path only format but it will be perfect for icon creators.