-
Notifications
You must be signed in to change notification settings - Fork 1
/
snippet_map.txt
114 lines (87 loc) · 4.16 KB
/
snippet_map.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
Below is a list of all the methods and properties of the Canvas' Context followed by its respective file name and the folder that contains them.
How to Use this Map:
GROUP NAME
method/property name - folder_name/file_name
'p_' in the file_name means it's a Context Property
'm_' in the file_name means it's a Context Method
Note:
1. The Canvas' Context is set to "ctx" and should not be changed
2. There are some MISC snippets, take a look at the MISC section
COLOR, STYLE and SHADOW
ctx.fillStyle - ../Colors, Styles, and Shadows/p_fist.sublime-snippet
ctx.strokeStyle - ../Colors, Styles, and Shadows/p_stat.sublime-snippet
ctx.shadowColor - ../Colors, Styles, and Shadows/p_shco.sublime-snippet
ctx.shadowBlur - ../Colors, Styles, and Shadows/p_shbl.sublime-snippet
ctx.shadowOffsetX - ../Colors, Styles, and Shadows/p_sox.sublime-snippet
ctx.shadowOffsetY - ../Colors, Styles, and Shadows/p_soy.sublime-snippet
ctx.createLinearGradient() - ../Colors, Styles, and Shadows/m_clg.sublime-snippet
ctx.createRadialGradient() - ../Colors, Styles, and Shadows/m_crg.sublime-snippet
ctx.createPattern() - ../Colors, Styles, and Shadows/m_cp.sublime-snippet
ctx.addColorStop() - ../Colors, Styles, and Shadows/m_acs.sublime-snippet
LINE STYLE
ctx.lineCap - ../Line Styles/p_lic.sublime-snippet
ctx.lineJoin - ../Line Styles/p_lijo.sublime-snippet
ctx.lineWidth - ../Line Styles/p_liwi.sublime-snippet
ctx.miterLimit - ../Line Styles/p_mili.sublime-snippet
RECTANGLE
ctx.rect() - ../Rectangles/m_re.sublime-snippet
ctx.fillRect() - ../Rectangles/m_fire.sublime-snippet
ctx.strokeRect() - ../Rectangles/m_stre.sublime-snippet
ctx.clearRect() - ../Rectangles/m_clre.sublime-snippet
PATH
ctx.fill() - ../Paths/m_fi.sublime-snippet
ctx.stroke() - ../Paths/m_st.sublime-snippet
ctx.beginPath() - ../Paths/m_bepa.sublime-snippet
ctx.closePath() - ../Paths/m_clpa.sublime-snippet
ctx.moveTo() - ../Paths/m_mot.sublime-snippet
ctx.lineTo() - ../Paths/m_lit.sublime-snippet
ctx.quadraticCurveTo() - ../Paths/m_qua.sublime-snippet
ctx.bezierCurveTo() - ../Paths/m_bez.sublime-snippet
ctx.arc() - ../Paths/m_ar.sublime-snippet
ctx.arcTo() - ../Paths/m_art.sublime-snippet
ctx.clip() - ../Paths/m_cl.sublime-snippet
ctx.isPointInPath() - ../Paths/m_ipip.sublime-snippet
TRANSFORMATION
ctx.scale() - ../Rectangles/m_sc.sublime-snippet
ctx.rotate() - ../Rectangles/m_ro.sublime-snippet
ctx.translate() - ../Rectangles/m_trsl.sublime-snippet
ctx.transform() - ../Rectangles/m_trsf.sublime-snippet
ctx.setTransform() - ../Rectangles/m_strsf.sublime-snippet
TEXT/FONT
ctx.font - ../Text/p_fo.sublime-snippet
ctx.textAlign - ../Text/p_teal.sublime-snippet
ctx.textBaseline - ../Text/p_teba.sublime-snippet
ctx.fillText() - ../Text/m_fite.sublime-snippet
ctx.strokeText() - ../Text/m_stte.sublime-snippet
ctx.measureText() - ../Text/m_mete.sublime-snippet
IMAGE DRAWING
ctx.drawImage() - ../Image Drawing/m_dr.sublime-snippet
PIXAL MANIPULATION
ctx.createImageData() - ../Pixel Manipulation/m_cid.sublime-snippet
ctx.getImageData() - ../Pixel Manipulation/m_gid.sublime-snippet
ctx.putImageData() - ../Pixel Manipulation/m_pid.sublime-snippet
COMPOSITING
ctx.globalAlpha - ../Compositing/p_glal.sublime-snippet
ctx.globalCompositeOperation - ../Compositing/p_glco.sublime-snippet
OTHER
ctx.save() - ../Other/m_sa.sublime-snippet
ctx.restore() - ../Other/m_res.sublime-snippet
ctx.createEvent() - ../Other/m_crev.sublime-snippet
ctx.getContext() - ../Other/m_gco.sublime-snippet
ctx.toDataURL() - ../Other/m_tdu.sublime-snippet
MICS
Height - ../Misc/he.sublime-snippet
Width - ../Misc/wi.sublime-snippet
Data - ../Misc/da.sublime-snippet
HTML BoilerPlate with a Canvas Tag - ../Misc/htmlcan.sublime-snippet
Canvas Tag with useful Attributes - ../Misc/cat.sublime-snippet
Initialize Canvas and Context - ../Misc/initcan.sublime-snippet
Center all Canvas Tags - ../Misc/centcan.sublime-snippet
MATH
Math.PI - ../Math/pi.sublime-snippet
Math.random - ../Math/rnd.sublime-snippet
Math.min() - ../Math/min.sublime-snippet
Math.max() - ../Math/max.sublime-snippet
Math.round() - ../Math/round.sublime-snippet
Math.ceil() - ../Math/cil.sublime-snippet
Math.floor() - ../Math/flr.sublime-snippet