Canvas Snippets

by Adi ALL

Canvas Snippets makes coding with HTML5 Canvas APIs easier.

Labels snippets, auto-complete, canvas, html5, javascript

Details

Version 1.1.3
Homepage github.com
Issues github.com
Modified 9 years ago
Last Seen 2 hours ago
First Seen 9 years ago

Installs

Total 14K
Win 10K
Mac 2K
Linux 1K

	Apr 28	Apr 27	Apr 26	Apr 25	Apr 24	Apr 23	Apr 22	Apr 21	Apr 20	Apr 19	Apr 18	Apr 17	Apr 16	Apr 15	Apr 14	Apr 13	Apr 12	Apr 11	Apr 10	Apr 9	Apr 8	Apr 7	Apr 6	Apr 5	Apr 4	Apr 3	Apr 2	Apr 1	Mar 31	Mar 30	Mar 29	Mar 28	Mar 27	Mar 26	Mar 25	Mar 24	Mar 23	Mar 22	Mar 21	Mar 20	Mar 19	Mar 18	Mar 17	Mar 16	Mar 15	Mar 14
Windows	0	0	0	0	0	2	0	0	0	0	0	0	0	0	0	0	0	0	1	2	0	0	0	0	1	0	0	0	0	1	0	0	0	0	0	3	2	0	0	0	1	0	0	0	0	1
Mac	0	0	0	0	0	0	0	0	0	0	0	0	0	0	1	0	0	0	0	0	0	0	0	0	0	1	0	0	1	1	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0	0
Linux	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	1	0	0	0	0	0	0	0	0	0	0	0	0	0	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:

https://github.com/skadimoolam/Canvas-Snippets/releases

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, type st and Press Tab.
To insert the rotate() method, type ro and Press Tab.

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, type shco and Press Tab.
To insert the beginPath() method, type bepa and Press Tab.

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