Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jorgeatgu/svg-snippets
:beginner: A set of custom SVG snippets for Sublime Text 2/3
https://github.com/jorgeatgu/svg-snippets
sublime-settings sublime-text svg
Last synced: 20 days ago
JSON representation
:beginner: A set of custom SVG snippets for Sublime Text 2/3
- Host: GitHub
- URL: https://github.com/jorgeatgu/svg-snippets
- Owner: jorgeatgu
- Created: 2014-07-21T19:22:18.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-11-16T21:49:12.000Z (about 8 years ago)
- Last Synced: 2024-11-10T07:41:48.392Z (3 months ago)
- Topics: sublime-settings, sublime-text, svg
- Homepage:
- Size: 257 KB
- Stars: 4
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: changelog/0.2.0.txt
Awesome Lists containing this project
README
SVG-Snippets
============
Type the snippet shortcode and then press `Tab` to complete the snippet.
The snippets are listed below in alphabetical order. The `'$1'` indicates the position of the caret/s. Some snippets have been set up so that pressing Tab jumps the caret/s to the next predefined spot. It's a little hard to explain, but any snippet that has a `$1/$2/$3/etc. uses this technique.
#[Package Control](https://packagecontrol.io/packages/SVG-Snippets)
#[CodePen](http://codepen.io/jorgeatgu/blog/svg-snippets)
[](https://vimeo.com/101490820)
##Circle
Write ```circle```
```html
/* after */
```
Write ```circle3```
```html
/* after */
```
Write ```circleu```
```html
/* after */
```
##Clippath
Write ```clippath```
```html
/* after */
$2
```
###Defs + use
Write ```defsuse```
```html
/* after */
```
##Ellipse
Write ```ellipse```
```html
/* after */
```
Write ```ellipse3```
```html
/* after */
```
Write ```ellipseu```
```html
/* after */
```
##Group
Write ```group```
```html
/* after */
$2
```
##Line
Write ```line```
```html
/* after */
```
Write ```lineu```
```html
/* after */
```
##Lineargradient
Write ```lineargradient```
```html
/* after */
```
##Matrix
Write ```matrix```
```html
/* after */
transform="matrix($1 $2 $3 $4 $5 $6)"
```
##Path
Write ```path```
```html
/* after */
```
##Pattern
Write ```pattern```
```html
/* after */
$4
```
##Polygon
Write ```polygon```
```html
/* after */
```
Write ```polygon3```
```html
/* after */
```
Write ```polygonu```
```html
/* after */
```
##Polyline
Write ```polyline```
```html
/* after */
```
Write ```polyline3```
```html
/* after */
```
Write ```polylineu```
```html
/* after */
```
##Radialgradient
Write ```radialgradient```
```html
/* after */
```
##Rect
Write ```rect```
```html
/* after */
```
##Rect3
Write ```rect3```
```html
/* after */
```
##Rectu
Write ```rectu```
```html
/* after */
```
##Rotate
Write ```rotate```
```html
/* after */
transform="rotate($1)"
```
##Scalable
Write ```scalable```
```html
/* after */
$4
$5
```
##Scalableu
Write ```scalableu```
```html
/* after */
$4
$5
```
##SkewX
Write ```skewx```
```html
/* after */
transform="skewX($1)"
```
##SkewY
Write ```skewy```
```html
/* after */
transform="skewY($1)"
```
##Symbol
Write ```symbol```
```html
/* after */
```
##Text
Write ```text```
```html
/* after */
$4
```
##Translate
Write ```translate```
```html
/* after */
transform="translate($1)"
```
##Tspan
Write ```tspan```
```html
/* after */
$4
```
##Use
Write ```use```
```html
/* after */
```
##Use3
Write ```use3```
```html
/* after */
```
##Scalable with Inverted Y-Axis
Write ```scalablei```
```html
/* after */
$7
$8
${9:}
```