svg-path-editor icon indicating copy to clipboard operation
svg-path-editor copied to clipboard

Would fit perfectly for a webview VS Code extension

Open Knogobert opened this issue 5 years ago • 9 comments

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?

Knogobert avatar Sep 01 '20 17:09 Knogobert

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.

Yqnn avatar Sep 11 '20 13:09 Yqnn

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.

sametweb avatar Nov 06 '20 23:11 sametweb

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

steodor avatar Nov 18 '20 07:11 steodor

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

4skl avatar Dec 08 '20 13:12 4skl

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

justingolden21 avatar Jun 19 '21 02:06 justingolden21

PWA added in 86b0dadabb78ea4d654dcb7773a3571549280089

Yqnn avatar Jun 20 '21 15:06 Yqnn

PWA added in 86b0dad

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

justingolden21 avatar Jun 20 '21 19:06 justingolden21

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.

ziofat avatar Jul 18 '23 13:07 ziofat