svg-forgeSVG Forge lets you preview and edit SVGs in VSCode with ease Table of ContentsFeatures
Planned features
DescriptionOpenning SVG ForgeWhen in SVG file, the top bar contains open preview icon, which you can click to open the extension. It opens beside the SVG file and starts previewing the SVG itself. ControlsOn top of the preview page is a bar containing controls. I'll describe each control from left to right. First is scale select, which by default is 100%, but you can change it to any value in the options (or you can have custom value, which is described in next section). Next to it is a center button, which centers the SVG. Next section contains background options, starting with transparent, dark checkerboard or light cherkerboard (background is set to checkerboard by default and to dark/light based on current theme). The last section contains actual controls for the preview. First one is cursor, which allows to work with the preview. Next are line and circle, which allow to create the element - more about this in the preview description. On the most right of the bar are the current coordinates of the cursor based on the SVG view box. PreviewPreview displays the actual SVG. It changes the scale of it based on the set scale. If cursor control is selected, you can change the scale to custom value using a mouse wheel, and move the SVG around by dragging it. When you change to line control, you can create a new line. When you somewhere on the preview, it creates a first point of the line and then when you click for the second time, it creates a second one. Before placing the second point, you can use scroll wheel to change the line thickness. Circle control is similar to the line one, but the first click sets circle center position and then the second click sets the radius based on the distance from the center of the circle. Same as with line control, you can change the thickness of the stroke using scroll wheel before clicking for the second time. Release Notesv0.0.1
Links
|