henoc / svgeditor Goto Github PK

View Code? Open in Web Editor NEW

89.0 7.0 6.0 4.67 MB

VSCode extension for svg editor 🤗

License: MIT License

TypeScript 98.06% CSS 1.16% HTML 0.27% JavaScript 0.50%

vscode svg-editor svg

svgeditor's People

Contributors

Stargazers

Watchers

Forkers

dashdots jarrettmeyer vbraziel lsoica pauljun mu-l

svgeditor's Issues

command 'svgeditor.openSvgEditor' not found

I keep getting this. The plugin has been doing this for a while.

Doesn't appear to open

I can't figure out how to open the editor, as it were. I guess I need to open it somehow, because it doesn't open automatically.

There's no option for this in the main menu, context menu, no button anywhere. No nothing.

Can you please add a button or something, and(/or) have the editor open automatically?

I don't know how to open svgEditor

I installed, but I do not know how to open it, @henoc could you explain?

line is unsupported element

line is a valid svg tag name, but svgeditor complains.

Selection handles displayed incorrectly

After installing the extension I started to check it with some of the svg files I had and I've noticed that something's wrong with selection handles.

After clicking on a shape in the editor - they appeared in an unexpected place.

They still work correctly: I can change the size and rotation of shape with them.

It seems like that can be related to some scaling.
Some of the files have those handles "too small" while another have them "too big".

I really enjoy having this extension though. If you need some more data about this issue - please, let me know.

Request optionally to disable weekend and enable separated line for each month

I have used many Gantt tools, but GanttDown is among of the best one.

I have suggestions optionally to

disable weekend and highlight some specific dates (for holiday ... etc)
enable line to separate each month or highlight month column, it's easier to recognize

Possible to force re-render after SVG file change?

Thanks for this project! It's great to be able to edit files and see the preview side-by-side in VS Code.

Sometimes, when I make a change in the text of the SVG file, the preview updates, even before I save the file. That's great! I'm generating the SVG file with some code, though, and when I re-run the generation program, the preview often doesn't seem to update. Sometimes it does update, but not always. The only pattern I've noticed is that the longer I've been looking away from the preview, the more likely the preview is to not update.

Would it be possible to have a 'Force SVG Preview Refresh' command? A file watch might be nice, but given the way the plugin currently watches the SVG file buffer before it's even saved, this might be harder than just re-rendering from whatever's on disk.

Thanks!

circle: stroke-width is unsupported property

This is valid, but svgeditor complains.

d is unsupported property.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 38 32">
  <g fill="#1e2d3c">
    <path d="M6.502 22H8v-.004c0 .002.274.002.3.001 2.018-.11 12.446-.315 18.67 5.649l.048.044c.112.108.233.203.342.315l.006.004c.983.882 2.082 1.386 3.255 1.386 4.201 0 7.37-6.319 7.37-14.698C37.991 6.319 34.822 0 30.621 0c-1.138 0-2.207.473-3.168 1.305C19.028 8.569 8.526 8.997 8.437 9H6.472C2.782 9 0 11.648 0 15.161v.196C0 18.958 2.978 22 6.502 22zm30.489-7.302c0 7.553-2.857 13.698-6.37 13.698-3.577 0-6.599-6.273-6.599-13.698C24.022 7.273 27.044 1 30.621 1c3.512 0 6.37 6.145 6.37 13.698zM8.453 10c.097 0 8.733-.348 16.772-5.745-1.368 2.645-2.203 6.32-2.203 10.443 0 4.006.793 7.581 2.093 10.207-6.424-4.175-14.8-4.006-16.684-3.905H7.369c-.373-1.291-1.546-6-.006-11h1.09zM1 15.161c0-2.894 2.281-5.076 5.324-5.147-1.402 4.784-.456 9.308.001 10.977C3.421 20.89 1 18.354 1 15.356v-.195z"/>
    <path d="M25.5 11H25a.5.5 0 000 1h.5c1.425 0 2.5 1.032 2.5 2.429C28 15.847 26.878 17 25.5 17H25a.5.5 0 000 1h.5c1.93 0 3.5-1.602 3.5-3.599C29 12.494 27.462 11 25.5 11zM8.5 23.5a.5.5 0 00-.5.5v3.951C8 30.184 9.794 32 12 32s4-1.816 4-4.049V24a.5.5 0 00-1 0v3.951C15 29.632 13.654 31 12 31s-3-1.368-3-3.049V24a.5.5 0 00-.5-.5z"/>
  </g>
</svg>

Ability to change the background color

When previewing a black SVG it's hard to see on the current background choice. Some SVG previewers on VS Code allow you to choose the background, I think this would be a great addition?

Backspace and delete stop working after opening inkscape files in svg editor

System Details:
VsCode Version:

Version: 1.28.2 (user setup)
Commit: 7f3ce96ff4729c91352ae6def877e59c561f4850
Date: 2018-10-17T00:23:51.859Z
Electron: 2.0.9
Chrome: 61.0.3163.100
Node.js: 8.9.3
V8: 6.1.534.41
Architecture: x64

System Information:

Intel i5-6200U - 64bit
8G Ram
Windows 10 Home Edition
Inkscape

Steps to reproduce:

Open VsCode;
Load a project that already contain inkscape .svg files
Open svg editor on an Inkscape .svg file;
try to erase code by using BackSpace or DELETE;
Code should not delete even when the editor has been closed

Extension Fails to Load?

Hi, I show the following error in the debug console for this extension, which is causing it to fail to load: Activating extension 'henoc.svgeditor' failed: util_1.default.promisify is not a function.

Am I doing something wrong? I installed through the Visual Studio Code extension manager.

Keybindings are destructive

Very good extension.
I must however ask if there couldn't be other default keybindings rather than [, ], =, - and the backspace key?
These are all regularly used and seem to apply globally rather than only when the SVG Editor is open, I had to remove them.
Thank you