joaomoreno / vscode-svgviewer

SVG Viewer for Visual Studio Code

Home Page:https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Japanese Readme

vscode-svgviewer

SVG Viewer for Visual Studio Code Visual Studio Marketplace

Usage

  1. Press Ctrl+P and type ext install SVG Viewer with a trailing space.
  2. Press Enter and restart VSCode.
  3. Open a SVG File.
  4. Choose process from Command Palette or Shortcut.

palette

View SVG - Alt+S O

Display SVG on an Editor

Export PNG - Alt+S E

Convert from SVG to PNG

Export PNG with explicitly size - Alt+S X

Convert from SVG to PNG with explicitly size

Copy data URI scheme - Alt+S C

Convert from SVG to data URI scheme and copy to the clipboard

preview

Options

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
}

About

SVG Viewer for Visual Studio Code

https://marketplace.visualstudio.com/items?itemName=cssho.vscode-svgviewer

License:MIT License


Languages

Language:TypeScript 80.4%Language:JavaScript 11.0%Language:CSS 8.6%