/vsc_svg_snippets

This is an extension for Visual Studio Code IDE that allows the users to generate snippets of SVG code.

MIT LicenseMIT

README

Visual Studio Code Extension - SVG Snippets

This is an for Visual Studio Code IDE. This extension provides the standard SVG code snippets used in all web applications. This saves you a lot of typing involved while writing SVG elements

Installation

  1. Install Visual Studio Code 0.10.1 or higher
  2. Launch VS Code
  3. Launch the command palette by using Ctrl-Shift-P (Windows, Linux) or Cmd-Shift-P (OSX)
  4. Type in Install Extension and select 'Extensions : Install Extensions'
  5. Type SVG Snippets
  6. Choose the extension from the drop down and press enter
  7. Reload Visual Studio Code

Usage

Type 'svg-' in any HTML file and select the required SVG element from the intellisense dropdown. That's it!!

alt text

Supported - SVG elements

A

<a>, <animate>, <animateMotion>, <animateTransform>

C

<circle>, <clipPath>, <cursor>

D

<defs>, <desc>

E

<ellipse>

F

<feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feDiffuseLighting>, <feDistanLight>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMergeNode>, <feMorphology>, <feOffset>, <fePointLight>, <feSpecularLighting>, <feSpotLight>, <feTile>, <feTurbulence>, <filter>, <foreignObject>

G

<g>, <glyph>

I

<image>

L

<line>, <linearGradient>

M

<marker>, <mask>, <missing-glyph>, <mpath>

P

<path>, <pattern>, <polygon>, <polyline>

R

<radialGradient>, <rect>

S

<script>, <set>, <stop>, <style>, <svg>, <switch> <symbol>

T

<text>, <textPath>, <title>, <tref>, <tspan>

U

<use>

Future Roadmap

<color-profile>, <feConvolveMatrix>, <feDisplacementMap>, <feFuncA>, <feFuncB>, <feFuncG>, <feFuncR> <font>, <font-face>, <font-face-format>, <font-face-name>, <font-face-src>, <font-face-uri>, <glyphRef>, <hkern>, <metadata>, <view>, <vkern>

Contact

If you have any issues report them at Issues

Source

Github