Canvas Snippets
Canvas Snippets makes coding with HTML5 Canvas APIs easier.
Details
Installs
- Total 14K
- Win 10K
- Mac 2K
- Linux 1K
Jul 26 | Jul 25 | Jul 24 | Jul 23 | Jul 22 | Jul 21 | Jul 20 | Jul 19 | Jul 18 | Jul 17 | Jul 16 | Jul 15 | Jul 14 | Jul 13 | Jul 12 | Jul 11 | Jul 10 | Jul 9 | Jul 8 | Jul 7 | Jul 6 | Jul 5 | Jul 4 | Jul 3 | Jul 2 | Jul 1 | Jun 30 | Jun 29 | Jun 28 | Jun 27 | Jun 26 | Jun 25 | Jun 24 | Jun 23 | Jun 22 | Jun 21 | Jun 20 | Jun 19 | Jun 18 | Jun 17 | Jun 16 | Jun 15 | Jun 14 | Jun 13 | Jun 12 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 2 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 0 | 1 | 0 | 0 | 2 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Mac | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 |
Readme
- Source
- raw.githubusercontent.com
Canvas Snippets is a plugin for SublimeText 2 & 3 to make coding with HTML5 Canvas API a little easier.
Installing
Download the latest version:
or
Install it via Package Control.
- Install PackageControl
- Find PackageControl in the Command Palette(
CTRL+SHIFT+P
) - Search for
Canvas Snippets
and Install it.
Using
Using these snippets are as easy as typeing the first two letters of a Method and Entering Tab
.
Examples:
- To revel the
stroke()
method, typest
and PressTab
. - To insert the
rotate()
method, typero
and PressTab
.
And So on………
For when the Method/Property names are more than one word, type the second word's first two letters with the first two letters of the first word like in the examples below.
- To revel the
shadowColor
property, typeshco
and PressTab
. - To insert the
beginPath()
method, typebepa
and PressTab
.
And So on………
NOTE: Remember everything you type before entering the Tab
must be in Lower Case.
Major Change since v1.1.0
Up until this release you would have to type context
or ctx
or whatever you have named the Canvas' Context and then the tabtrigger to insert a snippet but, from here on you don't have to enter the Context, it set to “ctx” as default and cannot be changed.
So, if you type fi
previously it would just be fill()
but now it will be ctx.fill()
I have also added a CheatSheet.txt which you can make use of when using these snippets.
If you have any doubts about how to use a snippet, please refer to my CheatSheet File or
If something is not working right please make an issue HERE