ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

Canvas Snippets

by Adi ST2/ST3 Trending

Canvas Snippets makes coding with HTML5 Canvas APIs easier.

Details

Installs

  • Total 11K
  • Win 8K
  • OS X 2K
  • Linux 990
Sep 21 Sep 20 Sep 19 Sep 18 Sep 17 Sep 16 Sep 15 Sep 14 Sep 13 Sep 12 Sep 11 Sep 10 Sep 9 Sep 8 Sep 7 Sep 6 Sep 5 Sep 4 Sep 3 Sep 2 Sep 1 Aug 31 Aug 30 Aug 29 Aug 28 Aug 27 Aug 26 Aug 25 Aug 24 Aug 23 Aug 22 Aug 21 Aug 20 Aug 19 Aug 18 Aug 17 Aug 16 Aug 15 Aug 14 Aug 13 Aug 12 Aug 11 Aug 10 Aug 9 Aug 8 Aug 7
Windows 1 5 19 4 2 0 4 8 6 20 3 3 10 1 3 3 3 6 6 5 2 2 4 3 9 5 1 6 6 3 4 3 7 2 2 4 6 9 3 2 2 3 2 1 4 3
OS X 1 0 1 0 1 0 1 5 2 1 2 0 1 1 0 1 3 1 1 0 0 0 0 0 0 0 0 0 0 1 1 1 1 0 1 1 0 0 0 0 0 0 2 0 0 0
Linux 0 1 2 0 6 2 1 0 0 0 0 0 2 0 0 1 1 0 0 0 2 0 1 1 0 2 0 0 1 0 0 0 0 0 0 2 0 0 0 0 0 2 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, 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

Your Thoughts and Contributions are always appropriated.