SVG Viewer for Visual Studio Code Visual Studio Marketplace
Viewing an SVG file from explorer context menu.
ext install SVG Viewer
with a trailing space. Command Palette
or Shortcut
.Alt+Shift+S O
Display SVG on an Editor
Holding ctrl/cmd and using mouse wheel(up/down)
Alt+Shift+S E
Convert from SVG to PNG
Alt+Shift+S X
Convert from SVG to PNG with explicitly size
Alt+Shift+S C
Convert from SVG to data URI scheme and copy to the clipboard
Alt+Shift+S V
Display and Convert Thanks @kexi
The following Visual Studio Code setting is available for the SVG Viewer. This can be set in User Settings
or Workspace Settings
.
{
// Show Transparency Grid
"svgviewer.transparencygrid": true,
// Open or not open the preview screen automatically
"svgviewer.enableautopreview": true,
// How to open the screen (vscode.ViewColumn)
"svgviewer.previewcolumn": "Beside",
// Color setting for transparency
"svgviewer.transparencycolor": "#2BD163",
// Show zoom in/out button in preview windows
"svgviewer.showzoominout": true
}