paper 0.12.18 → 0.12.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (231) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/README.md +5 -14
  3. package/dist/docs/assets/js/paper.js +94 -54
  4. package/dist/docs/classes/Color.html +2 -2
  5. package/dist/docs/classes/CompoundPath.html +2 -2
  6. package/dist/docs/classes/Curve.html +2 -2
  7. package/dist/docs/classes/CurveLocation.html +2 -2
  8. package/dist/docs/classes/Event.html +2 -2
  9. package/dist/docs/classes/Gradient.html +2 -2
  10. package/dist/docs/classes/GradientStop.html +2 -2
  11. package/dist/docs/classes/Group.html +2 -2
  12. package/dist/docs/classes/HitResult.html +2 -2
  13. package/dist/docs/classes/Item.html +2 -2
  14. package/dist/docs/classes/Key.html +2 -2
  15. package/dist/docs/classes/KeyEvent.html +2 -2
  16. package/dist/docs/classes/Layer.html +2 -2
  17. package/dist/docs/classes/Matrix.html +2 -2
  18. package/dist/docs/classes/MouseEvent.html +2 -2
  19. package/dist/docs/classes/PaperScope.html +2 -2
  20. package/dist/docs/classes/PaperScript.html +2 -2
  21. package/dist/docs/classes/Path.html +2 -2
  22. package/dist/docs/classes/PathItem.html +2 -2
  23. package/dist/docs/classes/Point.html +2 -2
  24. package/dist/docs/classes/PointText.html +2 -2
  25. package/dist/docs/classes/Project.html +2 -2
  26. package/dist/docs/classes/Raster.html +2 -2
  27. package/dist/docs/classes/Rectangle.html +2 -2
  28. package/dist/docs/classes/Segment.html +2 -2
  29. package/dist/docs/classes/Shape.html +2 -2
  30. package/dist/docs/classes/Size.html +2 -2
  31. package/dist/docs/classes/Style.html +2 -2
  32. package/dist/docs/classes/SymbolDefinition.html +2 -2
  33. package/dist/docs/classes/SymbolItem.html +2 -2
  34. package/dist/docs/classes/TextItem.html +2 -2
  35. package/dist/docs/classes/Tool.html +2 -2
  36. package/dist/docs/classes/ToolEvent.html +2 -2
  37. package/dist/docs/classes/Tween.html +2 -2
  38. package/dist/docs/classes/View.html +2 -2
  39. package/dist/docs/classes/global.html +2 -2
  40. package/dist/docs/classes/index.html +2 -2
  41. package/dist/docs/index.html +1 -1
  42. package/dist/node/canvas.js +9 -7
  43. package/dist/node/self.js +9 -1
  44. package/dist/paper-core.js +93 -53
  45. package/dist/paper-core.min.js +3 -3
  46. package/dist/paper-full.js +94 -54
  47. package/dist/paper-full.min.js +3 -3
  48. package/dist/paper.d.ts +2 -2
  49. package/package.json +11 -7
  50. package/dist/paperjs/LICENSE.txt +0 -23
  51. package/dist/paperjs/dist/node/canvas.js +0 -66
  52. package/dist/paperjs/dist/node/extend.js +0 -156
  53. package/dist/paperjs/dist/node/self.js +0 -58
  54. package/dist/paperjs/dist/node/xml.js +0 -40
  55. package/dist/paperjs/dist/paper-core.d.ts +0 -1
  56. package/dist/paperjs/dist/paper-core.js +0 -15703
  57. package/dist/paperjs/dist/paper-core.min.js +0 -32
  58. package/dist/paperjs/dist/paper-full.js +0 -17472
  59. package/dist/paperjs/dist/paper-full.min.js +0 -32
  60. package/dist/paperjs/dist/paper.d.ts +0 -7394
  61. package/dist/paperjs/docs/assets/css/docs.css +0 -414
  62. package/dist/paperjs/docs/assets/js/codemirror.js +0 -4
  63. package/dist/paperjs/docs/assets/js/docs.js +0 -493
  64. package/dist/paperjs/docs/assets/js/jquery.js +0 -6
  65. package/dist/paperjs/docs/assets/js/paper.js +0 -17472
  66. package/dist/paperjs/docs/classes/Color.html +0 -2188
  67. package/dist/paperjs/docs/classes/CompoundPath.html +0 -8877
  68. package/dist/paperjs/docs/classes/Curve.html +0 -2323
  69. package/dist/paperjs/docs/classes/CurveLocation.html +0 -672
  70. package/dist/paperjs/docs/classes/Event.html +0 -176
  71. package/dist/paperjs/docs/classes/Gradient.html +0 -240
  72. package/dist/paperjs/docs/classes/GradientStop.html +0 -273
  73. package/dist/paperjs/docs/classes/Group.html +0 -6864
  74. package/dist/paperjs/docs/classes/HitResult.html +0 -239
  75. package/dist/paperjs/docs/classes/Item.html +0 -6628
  76. package/dist/paperjs/docs/classes/Key.html +0 -139
  77. package/dist/paperjs/docs/classes/KeyEvent.html +0 -308
  78. package/dist/paperjs/docs/classes/Layer.html +0 -6850
  79. package/dist/paperjs/docs/classes/Matrix.html +0 -1744
  80. package/dist/paperjs/docs/classes/MouseEvent.html +0 -355
  81. package/dist/paperjs/docs/classes/PaperScope.html +0 -459
  82. package/dist/paperjs/docs/classes/PaperScript.html +0 -198
  83. package/dist/paperjs/docs/classes/Path.html +0 -11775
  84. package/dist/paperjs/docs/classes/PathItem.html +0 -8639
  85. package/dist/paperjs/docs/classes/Point.html +0 -2699
  86. package/dist/paperjs/docs/classes/PointText.html +0 -7029
  87. package/dist/paperjs/docs/classes/Project.html +0 -1305
  88. package/dist/paperjs/docs/classes/Raster.html +0 -7843
  89. package/dist/paperjs/docs/classes/Rectangle.html +0 -1654
  90. package/dist/paperjs/docs/classes/Segment.html +0 -939
  91. package/dist/paperjs/docs/classes/Shape.html +0 -7363
  92. package/dist/paperjs/docs/classes/Size.html +0 -1825
  93. package/dist/paperjs/docs/classes/Style.html +0 -919
  94. package/dist/paperjs/docs/classes/SymbolDefinition.html +0 -311
  95. package/dist/paperjs/docs/classes/SymbolItem.html +0 -6755
  96. package/dist/paperjs/docs/classes/TextItem.html +0 -6869
  97. package/dist/paperjs/docs/classes/Tool.html +0 -761
  98. package/dist/paperjs/docs/classes/ToolEvent.html +0 -446
  99. package/dist/paperjs/docs/classes/Tween.html +0 -374
  100. package/dist/paperjs/docs/classes/View.html +0 -1772
  101. package/dist/paperjs/docs/classes/global.html +0 -425
  102. package/dist/paperjs/docs/classes/index.html +0 -88
  103. package/dist/paperjs/docs/index.html +0 -11
  104. package/dist/paperjs/examples/Animated/AnimatedStar.html +0 -53
  105. package/dist/paperjs/examples/Animated/BooleanOperations.html +0 -115
  106. package/dist/paperjs/examples/Animated/CandyCrash.html +0 -151
  107. package/dist/paperjs/examples/Animated/Extruded.html +0 -50
  108. package/dist/paperjs/examples/Animated/Lines.html +0 -53
  109. package/dist/paperjs/examples/Animated/Smoothing.html +0 -70
  110. package/dist/paperjs/examples/Animated/Space.html +0 -86
  111. package/dist/paperjs/examples/Animated/SpaceUsingShapes.html +0 -79
  112. package/dist/paperjs/examples/Games/Paperoids.html +0 -569
  113. package/dist/paperjs/examples/JSON/Circle Testing.html +0 -34
  114. package/dist/paperjs/examples/JSON/Compound Path.html +0 -25
  115. package/dist/paperjs/examples/JSON/Empty Path Testing.html +0 -31
  116. package/dist/paperjs/examples/JSON/Gradients.html +0 -34
  117. package/dist/paperjs/examples/JSON/Group Transform.html +0 -28
  118. package/dist/paperjs/examples/JSON/Line Testing.html +0 -44
  119. package/dist/paperjs/examples/JSON/Random Path Testing.html +0 -42
  120. package/dist/paperjs/examples/JSON/Raster.html +0 -29
  121. package/dist/paperjs/examples/JSON/Rect and Attribute Testing.html +0 -56
  122. package/dist/paperjs/examples/JSON/Rotated Primitives.html +0 -55
  123. package/dist/paperjs/examples/JSON/Selection.html +0 -43
  124. package/dist/paperjs/examples/JSON/Shapes.html +0 -54
  125. package/dist/paperjs/examples/JSON/Symbols.html +0 -30
  126. package/dist/paperjs/examples/JSON/Text Testing.html +0 -38
  127. package/dist/paperjs/examples/JSON/Tiger.html +0 -19
  128. package/dist/paperjs/examples/JSON/Transform Test 1.html +0 -32
  129. package/dist/paperjs/examples/JSON/Transform Test 2.html +0 -30
  130. package/dist/paperjs/examples/Node.js/AnimatedStar.js +0 -52
  131. package/dist/paperjs/examples/Node.js/BooleanOperations.js +0 -36
  132. package/dist/paperjs/examples/Node.js/JSONtoPDF.js +0 -20
  133. package/dist/paperjs/examples/Node.js/Raster.js +0 -32
  134. package/dist/paperjs/examples/Node.js/RasterRemote.js +0 -33
  135. package/dist/paperjs/examples/Node.js/SvgExport.js +0 -52
  136. package/dist/paperjs/examples/Node.js/SvgImport.js +0 -23
  137. package/dist/paperjs/examples/Node.js/Tadpoles.js +0 -16
  138. package/dist/paperjs/examples/Node.js/Tadpoles.pjs +0 -278
  139. package/dist/paperjs/examples/Node.js/in.json +0 -1
  140. package/dist/paperjs/examples/Node.js/in.svg +0 -16
  141. package/dist/paperjs/examples/Paperjs.org/BooleanOperattions.html +0 -115
  142. package/dist/paperjs/examples/Paperjs.org/BouncingBalls.html +0 -103
  143. package/dist/paperjs/examples/Paperjs.org/Chain.html +0 -54
  144. package/dist/paperjs/examples/Paperjs.org/DivisionRaster.html +0 -72
  145. package/dist/paperjs/examples/Paperjs.org/FutureSplash.html +0 -122
  146. package/dist/paperjs/examples/Paperjs.org/HitTesting.html +0 -103
  147. package/dist/paperjs/examples/Paperjs.org/InteractiveTiger.html +0 -777
  148. package/dist/paperjs/examples/Paperjs.org/MetaBalls.html +0 -132
  149. package/dist/paperjs/examples/Paperjs.org/NyanRainbow.html +0 -202
  150. package/dist/paperjs/examples/Paperjs.org/PathIntersections.html +0 -76
  151. package/dist/paperjs/examples/Paperjs.org/Qbertify.html +0 -146
  152. package/dist/paperjs/examples/Paperjs.org/RadialRainbows.html +0 -80
  153. package/dist/paperjs/examples/Paperjs.org/RoundedRectangles.html +0 -41
  154. package/dist/paperjs/examples/Paperjs.org/SatieLikedToDraw.html +0 -140
  155. package/dist/paperjs/examples/Paperjs.org/Simplify.html +0 -63
  156. package/dist/paperjs/examples/Paperjs.org/SpiralRaster.html +0 -120
  157. package/dist/paperjs/examples/Paperjs.org/Tadpoles.html +0 -283
  158. package/dist/paperjs/examples/Paperjs.org/Voronoi.html +0 -134
  159. package/dist/paperjs/examples/Rasters/PhyllotaxisRaster.html +0 -96
  160. package/dist/paperjs/examples/Rasters/Raster.html +0 -34
  161. package/dist/paperjs/examples/Rasters/RotationRaster.html +0 -44
  162. package/dist/paperjs/examples/Rasters/Smoothing.html +0 -36
  163. package/dist/paperjs/examples/SVG Export/Circle Testing.html +0 -32
  164. package/dist/paperjs/examples/SVG Export/Clipping.html +0 -17
  165. package/dist/paperjs/examples/SVG Export/Compound Path.html +0 -22
  166. package/dist/paperjs/examples/SVG Export/Empty Path Testing.html +0 -28
  167. package/dist/paperjs/examples/SVG Export/Gradients.html +0 -52
  168. package/dist/paperjs/examples/SVG Export/Group Transform.html +0 -25
  169. package/dist/paperjs/examples/SVG Export/Line Testing.html +0 -41
  170. package/dist/paperjs/examples/SVG Export/Random Path Testing.html +0 -39
  171. package/dist/paperjs/examples/SVG Export/Raster.html +0 -21
  172. package/dist/paperjs/examples/SVG Export/Rect and Attribute Testing.html +0 -53
  173. package/dist/paperjs/examples/SVG Export/Rotated Primitives.html +0 -80
  174. package/dist/paperjs/examples/SVG Export/Shapes.html +0 -58
  175. package/dist/paperjs/examples/SVG Export/Symbols.html +0 -27
  176. package/dist/paperjs/examples/SVG Export/Text Testing.html +0 -45
  177. package/dist/paperjs/examples/SVG Export/Tiger.html +0 -23
  178. package/dist/paperjs/examples/SVG Export/Transform Test 1.html +0 -29
  179. package/dist/paperjs/examples/SVG Export/Transform Test 2.html +0 -27
  180. package/dist/paperjs/examples/SVG Import/Arcs.html +0 -78
  181. package/dist/paperjs/examples/SVG Import/Butterfly.html +0 -223
  182. package/dist/paperjs/examples/SVG Import/Circle and Ellipse Testing.html +0 -26
  183. package/dist/paperjs/examples/SVG Import/Clipping.html +0 -100
  184. package/dist/paperjs/examples/SVG Import/From File.html +0 -30
  185. package/dist/paperjs/examples/SVG Import/Gradient.html +0 -138
  186. package/dist/paperjs/examples/SVG Import/Gradients.html +0 -30
  187. package/dist/paperjs/examples/SVG Import/Inkscape Pivot.html +0 -52
  188. package/dist/paperjs/examples/SVG Import/Inkscape.html +0 -88
  189. package/dist/paperjs/examples/SVG Import/Line Testing.html +0 -24
  190. package/dist/paperjs/examples/SVG Import/MoreGradients.html +0 -107
  191. package/dist/paperjs/examples/SVG Import/Multiple Paths Test 1.html +0 -42
  192. package/dist/paperjs/examples/SVG Import/Multiple Paths Test 2.html +0 -33
  193. package/dist/paperjs/examples/SVG Import/Nested Groups Test.html +0 -78
  194. package/dist/paperjs/examples/SVG Import/Polybezier.html +0 -43
  195. package/dist/paperjs/examples/SVG Import/Rect Testing.html +0 -25
  196. package/dist/paperjs/examples/SVG Import/Symbols.html +0 -24
  197. package/dist/paperjs/examples/SVG Import/Testing.html +0 -40
  198. package/dist/paperjs/examples/SVG Import/Text Testing.html +0 -19
  199. package/dist/paperjs/examples/SVG Import/Tiger.html +0 -742
  200. package/dist/paperjs/examples/SVG Import/Transform Testing.html +0 -22
  201. package/dist/paperjs/examples/SVG Import/Viewbox.html +0 -38
  202. package/dist/paperjs/examples/Scripts/Arcs.html +0 -39
  203. package/dist/paperjs/examples/Scripts/BlendModes.html +0 -77
  204. package/dist/paperjs/examples/Scripts/BooleanOperations.html +0 -937
  205. package/dist/paperjs/examples/Scripts/CompoundPath.html +0 -19
  206. package/dist/paperjs/examples/Scripts/CurveTimeParameterization.html +0 -61
  207. package/dist/paperjs/examples/Scripts/HslColor.html +0 -53
  208. package/dist/paperjs/examples/Scripts/PathStructure.html +0 -82
  209. package/dist/paperjs/examples/Scripts/PathTangents.html +0 -73
  210. package/dist/paperjs/examples/Scripts/Resize.html +0 -42
  211. package/dist/paperjs/examples/Scripts/RoundRectangle.html +0 -28
  212. package/dist/paperjs/examples/Scripts/Shapes.html +0 -54
  213. package/dist/paperjs/examples/Scripts/StrokeBounds.html +0 -101
  214. package/dist/paperjs/examples/Scripts/StrokeScaling.html +0 -65
  215. package/dist/paperjs/examples/Tools/BezierTool.html +0 -90
  216. package/dist/paperjs/examples/Tools/Circles.html +0 -28
  217. package/dist/paperjs/examples/Tools/Clouds.html +0 -35
  218. package/dist/paperjs/examples/Tools/DrippingBrush.html +0 -73
  219. package/dist/paperjs/examples/Tools/FancyBrush.html +0 -82
  220. package/dist/paperjs/examples/Tools/Grid.html +0 -44
  221. package/dist/paperjs/examples/Tools/MultiLines.html +0 -44
  222. package/dist/paperjs/examples/Tools/MultipleTools.html +0 -44
  223. package/dist/paperjs/examples/Tools/PathEditing.html +0 -95
  224. package/dist/paperjs/examples/Tools/SquareRounded.html +0 -76
  225. package/dist/paperjs/examples/Tools/Stars.html +0 -38
  226. package/dist/paperjs/examples/Tools/Vektor.html +0 -200
  227. package/dist/paperjs/examples/Tools/Wave.html +0 -50
  228. package/dist/paperjs/examples/Tools/WormFarm.html +0 -88
  229. package/dist/paperjs/examples/Worker/Main.html +0 -53
  230. package/dist/paperjs/examples/Worker/Worker.js +0 -14
  231. package/dist/paperjs/examples/css/style.css +0 -12
package/dist/paperjs/docs/classes/View.html DELETED
@@ -1,1772 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="UTF-8">
5
- <title>View</title>
6
- <base target="class-frame">
7
- <link href="../assets/css/docs.css" rel="stylesheet" type="text/css">
8
- <script src="../assets/js/paper.js"></script>
9
- <script src="../assets/js/jquery.js"></script>
10
- <script src="../assets/js/codemirror.js"></script>
11
- <script src="../assets/js/docs.js"></script>
12
- </head>
13
- <body>
14
- <article class="reference">
15
- <div class="reference-class">
16
- <h1>View</h1>
17
-
18
- <p>The View object wraps an HTML element and handles drawing and user interaction through mouse and keyboard for it. It offer means to scroll the view, find the currently visible bounds in project coordinates, or the center, both useful for constructing artwork that should appear centered on screen.</p>
19
-
20
- </div>
21
-
22
-
23
-
24
-
25
-
26
- <!-- ================================ properties =========================== -->
27
- <div class="reference-members">
28
- <h2>Properties</h2>
29
-
30
-
31
- <div id="autoupdate" class="member">
32
- <div class="member-link">
33
- <a name="autoupdate" href="#autoupdate"><tt><b>autoUpdate</b></tt></a>
34
- </div>
35
- <div class="member-description hidden">
36
-
37
- <div class="member-text">
38
- <p>Controls whether the view is automatically updated in the next animation frame on changes, or whether you prefer to manually call <a href="../classes/View.html#update"><tt>update</tt></a>() or <a href="../classes/View.html#requestupdate"><tt>requestUpdate</tt></a>() after changes. Note that this is <code>true</code> by default, except for Node.js, where manual updates make more sense.</p>
39
-
40
-
41
-
42
- <ul class="member-list">
43
- <h4>Type:</h4>
44
- <li>
45
- <tt>Boolean</tt>
46
- </li>
47
- </ul>
48
-
49
-
50
-
51
- </div>
52
-
53
- </div>
54
- </div>
55
-
56
-
57
- <div id="element" class="member">
58
- <div class="member-link">
59
- <a name="element" href="#element"><tt><b>element</b></tt></a>
60
- </div>
61
- <div class="member-description hidden">
62
-
63
- <div class="member-text">
64
- <p>The underlying native element.</p>
65
-
66
- <p>Read only.</p>
67
-
68
-
69
-
70
- <ul class="member-list">
71
- <h4>Type:</h4>
72
- <li>
73
- <tt>HTMLCanvasElement</tt>
74
- </li>
75
- </ul>
76
-
77
-
78
-
79
- </div>
80
-
81
- </div>
82
- </div>
83
-
84
-
85
- <div id="pixelratio" class="member">
86
- <div class="member-link">
87
- <a name="pixelratio" href="#pixelratio"><tt><b>pixelRatio</b></tt></a>
88
- </div>
89
- <div class="member-description hidden">
90
-
91
- <div class="member-text">
92
- <p>The ratio between physical pixels and device-independent pixels (DIPs) of the underlying canvas / device. It is <code>1</code> for normal displays, and <code>2</code> or more for high-resolution displays.</p>
93
-
94
- <p>Read only.</p>
95
-
96
-
97
-
98
- <ul class="member-list">
99
- <h4>Type:</h4>
100
- <li>
101
- <tt>Number</tt>
102
- </li>
103
- </ul>
104
-
105
-
106
-
107
- </div>
108
-
109
- </div>
110
- </div>
111
-
112
-
113
- <div id="resolution" class="member">
114
- <div class="member-link">
115
- <a name="resolution" href="#resolution"><tt><b>resolution</b></tt></a>
116
- </div>
117
- <div class="member-description hidden">
118
-
119
- <div class="member-text">
120
- <p>The resoltuion of the underlying canvas / device in pixel per inch (DPI). It is <code>72</code> for normal displays, and <code>144</code> for high-resolution displays with a pixel-ratio of <code>2</code>.</p>
121
-
122
- <p>Read only.</p>
123
-
124
-
125
-
126
- <ul class="member-list">
127
- <h4>Type:</h4>
128
- <li>
129
- <tt>Number</tt>
130
- </li>
131
- </ul>
132
-
133
-
134
-
135
- </div>
136
-
137
- </div>
138
- </div>
139
-
140
-
141
- <div id="viewsize" class="member">
142
- <div class="member-link">
143
- <a name="viewsize" href="#viewsize"><tt><b>viewSize</b></tt></a>
144
- </div>
145
- <div class="member-description hidden">
146
-
147
- <div class="member-text">
148
- <p>The size of the view. Changing the view&rsquo;s size will resize it&rsquo;s underlying element.</p>
149
-
150
-
151
-
152
- <ul class="member-list">
153
- <h4>Type:</h4>
154
- <li>
155
- <a href="../classes/Size.html"><tt>Size</tt></a>
156
- </li>
157
- </ul>
158
-
159
-
160
-
161
- </div>
162
-
163
- </div>
164
- </div>
165
-
166
-
167
- <div id="bounds" class="member">
168
- <div class="member-link">
169
- <a name="bounds" href="#bounds"><tt><b>bounds</b></tt></a>
170
- </div>
171
- <div class="member-description hidden">
172
-
173
- <div class="member-text">
174
- <p>The bounds of the currently visible area in project coordinates.</p>
175
-
176
- <p>Read only.</p>
177
-
178
-
179
-
180
- <ul class="member-list">
181
- <h4>Type:</h4>
182
- <li>
183
- <a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
184
- </li>
185
- </ul>
186
-
187
-
188
-
189
- </div>
190
-
191
- </div>
192
- </div>
193
-
194
-
195
- <div id="size" class="member">
196
- <div class="member-link">
197
- <a name="size" href="#size"><tt><b>size</b></tt></a>
198
- </div>
199
- <div class="member-description hidden">
200
-
201
- <div class="member-text">
202
- <p>The size of the visible area in project coordinates.</p>
203
-
204
- <p>Read only.</p>
205
-
206
-
207
-
208
- <ul class="member-list">
209
- <h4>Type:</h4>
210
- <li>
211
- <a href="../classes/Size.html"><tt>Size</tt></a>
212
- </li>
213
- </ul>
214
-
215
-
216
-
217
- </div>
218
-
219
- </div>
220
- </div>
221
-
222
-
223
- <div id="center" class="member">
224
- <div class="member-link">
225
- <a name="center" href="#center"><tt><b>center</b></tt></a>
226
- </div>
227
- <div class="member-description hidden">
228
-
229
- <div class="member-text">
230
- <p>The center of the visible area in project coordinates.</p>
231
-
232
-
233
-
234
- <ul class="member-list">
235
- <h4>Type:</h4>
236
- <li>
237
- <a href="../classes/Point.html"><tt>Point</tt></a>
238
- </li>
239
- </ul>
240
-
241
-
242
-
243
- </div>
244
-
245
- </div>
246
- </div>
247
-
248
-
249
- <div id="zoom" class="member">
250
- <div class="member-link">
251
- <a name="zoom" href="#zoom"><tt><b>zoom</b></tt></a>
252
- </div>
253
- <div class="member-description hidden">
254
-
255
- <div class="member-text">
256
- <p>The view&rsquo;s zoom factor by which the project coordinates are magnified.</p>
257
-
258
-
259
-
260
- <ul class="member-list">
261
- <h4>Type:</h4>
262
- <li>
263
- <tt>Number</tt>
264
- </li>
265
- </ul>
266
-
267
-
268
- <ul class="member-list">
269
- <h4>See also:</h4>
270
-
271
- <li><tt><a href="../classes/View.html#scaling"><tt>scaling</tt></a></tt></li>
272
-
273
- </ul>
274
-
275
-
276
- </div>
277
-
278
- </div>
279
- </div>
280
-
281
-
282
- <div id="rotation" class="member">
283
- <div class="member-link">
284
- <a name="rotation" href="#rotation"><tt><b>rotation</b></tt></a>
285
- </div>
286
- <div class="member-description hidden">
287
-
288
- <div class="member-text">
289
- <p>The current rotation angle of the view, as described by its <a href="../classes/View.html#matrix"><tt>matrix</tt></a>.</p>
290
-
291
-
292
-
293
- <ul class="member-list">
294
- <h4>Type:</h4>
295
- <li>
296
- <tt>Number</tt>
297
- </li>
298
- </ul>
299
-
300
-
301
-
302
- </div>
303
-
304
- </div>
305
- </div>
306
-
307
-
308
- <div id="scaling" class="member">
309
- <div class="member-link">
310
- <a name="scaling" href="#scaling"><tt><b>scaling</b></tt></a>
311
- </div>
312
- <div class="member-description hidden">
313
-
314
- <div class="member-text">
315
- <p>The current scale factor of the view, as described by its <a href="../classes/View.html#matrix"><tt>matrix</tt></a>.</p>
316
-
317
-
318
-
319
- <ul class="member-list">
320
- <h4>Type:</h4>
321
- <li>
322
- <a href="../classes/Point.html"><tt>Point</tt></a>
323
- </li>
324
- </ul>
325
-
326
-
327
- <ul class="member-list">
328
- <h4>See also:</h4>
329
-
330
- <li><tt><a href="../classes/View.html#zoom"><tt>zoom</tt></a></tt></li>
331
-
332
- </ul>
333
-
334
-
335
- </div>
336
-
337
- </div>
338
- </div>
339
-
340
-
341
- <div id="matrix" class="member">
342
- <div class="member-link">
343
- <a name="matrix" href="#matrix"><tt><b>matrix</b></tt></a>
344
- </div>
345
- <div class="member-description hidden">
346
-
347
- <div class="member-text">
348
- <p>The view&rsquo;s transformation matrix, defining the view onto the project&rsquo;s contents (position, zoom level, rotation, etc).</p>
349
-
350
-
351
-
352
- <ul class="member-list">
353
- <h4>Type:</h4>
354
- <li>
355
- <a href="../classes/Matrix.html"><tt>Matrix</tt></a>
356
- </li>
357
- </ul>
358
-
359
-
360
-
361
- </div>
362
-
363
- </div>
364
- </div>
365
-
366
-
367
- <h3>Event Handlers</h3>
368
-
369
- <div id="onframe" class="member">
370
- <div class="member-link">
371
- <a name="onframe" href="#onframe"><tt><b>onFrame</b></tt></a>
372
- </div>
373
- <div class="member-description hidden">
374
-
375
- <div class="member-text">
376
- <p>Handler function to be called on each frame of an animation. The function receives an event object which contains information about the frame event:</p>
377
-
378
-
379
-
380
- <ul class="member-list">
381
- <h4>Type:</h4>
382
- <li>
383
- <tt>Function</tt>⟋<tt>null</tt>
384
- </li>
385
- </ul>
386
- <ul class="member-list">
387
- <h4>Options:</h4>
388
- <li><tt>event.count: <tt>Number</tt></tt> &mdash; the number of times the frame event was fired</li>
389
- <li><tt>event.time: <tt>Number</tt></tt> &mdash; the total amount of time passed since the first frame event in seconds</li>
390
- <li><tt>event.delta: <tt>Number</tt></tt> &mdash; the time passed in seconds since the last frame event</li>
391
- </ul>
392
-
393
- <ul class="member-list">
394
- <h4>See also:</h4>
395
-
396
- <li><tt><a href="../classes/Item.html#onframe"><tt>item.onFrame</tt></a></tt></li>
397
-
398
- </ul>
399
-
400
- <h4>Example:<span class="description">Creating an animation:</span></h4>
401
-
402
- <div class="paperscript split">
403
-
404
- <div class="buttons">
405
- <div class="button run">Run</div>
406
- </div>
407
-
408
- <script type="text/paperscript" canvas="canvas-0">
409
- // Create a rectangle shaped path with its top left point at:
410
- // {x: 50, y: 25} and a size of {width: 50, height: 50}
411
- var path = new Path.Rectangle(new Point(50, 25), new Size(50, 50));
412
- path.fillColor = 'black';
413
-
414
- view.onFrame = function(event) {
415
- // Every frame, rotate the path by 3 degrees:
416
- path.rotate(3);
417
- }
418
- </script>
419
- <div class="canvas"><canvas width="516" height="100" id="canvas-0"></canvas></div>
420
- </div>
421
-
422
-
423
- </div>
424
-
425
- </div>
426
- </div>
427
-
428
-
429
- <div id="onresize" class="member">
430
- <div class="member-link">
431
- <a name="onresize" href="#onresize"><tt><b>onResize</b></tt></a>
432
- </div>
433
- <div class="member-description hidden">
434
-
435
- <div class="member-text">
436
- <p>Handler function that is called whenever a view is resized.</p>
437
-
438
-
439
-
440
- <ul class="member-list">
441
- <h4>Type:</h4>
442
- <li>
443
- <tt>Function</tt>⟋<tt>null</tt>
444
- </li>
445
- </ul>
446
-
447
-
448
- <h4>Example:<span class="description">Repositioning items when a view is resized:</span></h4>
449
-
450
-
451
- <pre><code>// Create a circle shaped path in the center of the view:
452
- var path = new Path.Circle(view.bounds.center, 30);
453
- path.fillColor = 'red';
454
-
455
- view.onResize = function(event) {
456
- // Whenever the view is resized, move the path to its center:
457
- path.position = view.center;
458
- }</code></pre>
459
-
460
- </div>
461
-
462
- </div>
463
- </div>
464
-
465
-
466
- <div id="onmousedown" class="member">
467
- <div class="member-link">
468
- <a name="onmousedown" href="#onmousedown"><tt><b>onMouseDown</b></tt></a>
469
- </div>
470
- <div class="member-description hidden">
471
-
472
- <div class="member-text">
473
- <p>The function to be called when the mouse button is pushed down on the view. The function receives a <a href="../classes/MouseEvent.html"><tt>MouseEvent</tt></a> object which contains information about the mouse event. Note that such mouse events bubble up the scene graph hierarchy, reaching the view at the end, unless they are stopped before with <a href="../classes/Event.html#stoppropagation"><tt>event.stopPropagation</tt></a>() or by returning <code>false</code> from a handler.</p>
474
-
475
-
476
-
477
- <ul class="member-list">
478
- <h4>Type:</h4>
479
- <li>
480
- <tt>Function</tt>⟋<tt>null</tt>
481
- </li>
482
- </ul>
483
-
484
-
485
- <ul class="member-list">
486
- <h4>See also:</h4>
487
-
488
- <li><tt><a href="../classes/Item.html#onmousedown"><tt>item.onMouseDown</tt></a></tt></li>
489
-
490
- </ul>
491
-
492
-
493
- </div>
494
-
495
- </div>
496
- </div>
497
-
498
-
499
- <div id="onmousedrag" class="member">
500
- <div class="member-link">
501
- <a name="onmousedrag" href="#onmousedrag"><tt><b>onMouseDrag</b></tt></a>
502
- </div>
503
- <div class="member-description hidden">
504
-
505
- <div class="member-text">
506
- <p>The function to be called when the mouse position changes while the mouse is being dragged over the view. The function receives a <a href="../classes/MouseEvent.html"><tt>MouseEvent</tt></a> object which contains information about the mouse event. Note that such mouse events bubble up the scene graph hierarchy, reaching the view at the end, unless they are stopped before with <a href="../classes/Event.html#stoppropagation"><tt>event.stopPropagation</tt></a>() or by returning <code>false</code> from a handler.</p>
507
-
508
-
509
-
510
- <ul class="member-list">
511
- <h4>Type:</h4>
512
- <li>
513
- <tt>Function</tt>⟋<tt>null</tt>
514
- </li>
515
- </ul>
516
-
517
-
518
- <ul class="member-list">
519
- <h4>See also:</h4>
520
-
521
- <li><tt><a href="../classes/Item.html#onmousedrag"><tt>item.onMouseDrag</tt></a></tt></li>
522
-
523
- </ul>
524
-
525
-
526
- </div>
527
-
528
- </div>
529
- </div>
530
-
531
-
532
- <div id="onmouseup" class="member">
533
- <div class="member-link">
534
- <a name="onmouseup" href="#onmouseup"><tt><b>onMouseUp</b></tt></a>
535
- </div>
536
- <div class="member-description hidden">
537
-
538
- <div class="member-text">
539
- <p>The function to be called when the mouse button is released over the item. The function receives a <a href="../classes/MouseEvent.html"><tt>MouseEvent</tt></a> object which contains information about the mouse event.</p>
540
-
541
-
542
-
543
- <ul class="member-list">
544
- <h4>Type:</h4>
545
- <li>
546
- <tt>Function</tt>⟋<tt>null</tt>
547
- </li>
548
- </ul>
549
-
550
-
551
- <ul class="member-list">
552
- <h4>See also:</h4>
553
-
554
- <li><tt><a href="../classes/Item.html#onmouseup"><tt>item.onMouseUp</tt></a></tt></li>
555
-
556
- </ul>
557
-
558
-
559
- </div>
560
-
561
- </div>
562
- </div>
563
-
564
-
565
- <div id="onclick" class="member">
566
- <div class="member-link">
567
- <a name="onclick" href="#onclick"><tt><b>onClick</b></tt></a>
568
- </div>
569
- <div class="member-description hidden">
570
-
571
- <div class="member-text">
572
- <p>The function to be called when the mouse clicks on the view. The function receives a <a href="../classes/MouseEvent.html"><tt>MouseEvent</tt></a> object which contains information about the mouse event. Note that such mouse events bubble up the scene graph hierarchy, reaching the view at the end, unless they are stopped before with <a href="../classes/Event.html#stoppropagation"><tt>event.stopPropagation</tt></a>() or by returning <code>false</code> from a handler.</p>
573
-
574
-
575
-
576
- <ul class="member-list">
577
- <h4>Type:</h4>
578
- <li>
579
- <tt>Function</tt>⟋<tt>null</tt>
580
- </li>
581
- </ul>
582
-
583
-
584
- <ul class="member-list">
585
- <h4>See also:</h4>
586
-
587
- <li><tt><a href="../classes/Item.html#onclick"><tt>item.onClick</tt></a></tt></li>
588
-
589
- </ul>
590
-
591
-
592
- </div>
593
-
594
- </div>
595
- </div>
596
-
597
-
598
- <div id="ondoubleclick" class="member">
599
- <div class="member-link">
600
- <a name="ondoubleclick" href="#ondoubleclick"><tt><b>onDoubleClick</b></tt></a>
601
- </div>
602
- <div class="member-description hidden">
603
-
604
- <div class="member-text">
605
- <p>The function to be called when the mouse double clicks on the view. The function receives a <a href="../classes/MouseEvent.html"><tt>MouseEvent</tt></a> object which contains information about the mouse event. Note that such mouse events bubble up the scene graph hierarchy, reaching the view at the end, unless they are stopped before with <a href="../classes/Event.html#stoppropagation"><tt>event.stopPropagation</tt></a>() or by returning <code>false</code> from a handler.</p>
606
-
607
-
608
-
609
- <ul class="member-list">
610
- <h4>Type:</h4>
611
- <li>
612
- <tt>Function</tt>⟋<tt>null</tt>
613
- </li>
614
- </ul>
615
-
616
-
617
- <ul class="member-list">
618
- <h4>See also:</h4>
619
-
620
- <li><tt><a href="../classes/Item.html#ondoubleclick"><tt>item.onDoubleClick</tt></a></tt></li>
621
-
622
- </ul>
623
-
624
-
625
- </div>
626
-
627
- </div>
628
- </div>
629
-
630
-
631
- <div id="onmousemove" class="member">
632
- <div class="member-link">
633
- <a name="onmousemove" href="#onmousemove"><tt><b>onMouseMove</b></tt></a>
634
- </div>
635
- <div class="member-description hidden">
636
-
637
- <div class="member-text">
638
- <p>The function to be called repeatedly while the mouse moves over the view. The function receives a <a href="../classes/MouseEvent.html"><tt>MouseEvent</tt></a> object which contains information about the mouse event. Note that such mouse events bubble up the scene graph hierarchy, reaching the view at the end, unless they are stopped before with <a href="../classes/Event.html#stoppropagation"><tt>event.stopPropagation</tt></a>() or by returning <code>false</code> from a handler.</p>
639
-
640
-
641
-
642
- <ul class="member-list">
643
- <h4>Type:</h4>
644
- <li>
645
- <tt>Function</tt>⟋<tt>null</tt>
646
- </li>
647
- </ul>
648
-
649
-
650
- <ul class="member-list">
651
- <h4>See also:</h4>
652
-
653
- <li><tt><a href="../classes/Item.html#onmousemove"><tt>item.onMouseMove</tt></a></tt></li>
654
-
655
- </ul>
656
-
657
-
658
- </div>
659
-
660
- </div>
661
- </div>
662
-
663
-
664
- <div id="onmouseenter" class="member">
665
- <div class="member-link">
666
- <a name="onmouseenter" href="#onmouseenter"><tt><b>onMouseEnter</b></tt></a>
667
- </div>
668
- <div class="member-description hidden">
669
-
670
- <div class="member-text">
671
- <p>The function to be called when the mouse moves over the view. This function will only be called again, once the mouse moved outside of the view first. The function receives a <a href="../classes/MouseEvent.html"><tt>MouseEvent</tt></a> object which contains information about the mouse event. Note that such mouse events bubble up the scene graph hierarchy, reaching the view at the end, unless they are stopped before with <a href="../classes/Event.html#stoppropagation"><tt>event.stopPropagation</tt></a>() or by returning <code>false</code> from a handler.</p>
672
-
673
-
674
-
675
- <ul class="member-list">
676
- <h4>Type:</h4>
677
- <li>
678
- <tt>Function</tt>⟋<tt>null</tt>
679
- </li>
680
- </ul>
681
-
682
-
683
- <ul class="member-list">
684
- <h4>See also:</h4>
685
-
686
- <li><tt><a href="../classes/Item.html#onmouseenter"><tt>item.onMouseEnter</tt></a></tt></li>
687
-
688
- </ul>
689
-
690
-
691
- </div>
692
-
693
- </div>
694
- </div>
695
-
696
-
697
- <div id="onmouseleave" class="member">
698
- <div class="member-link">
699
- <a name="onmouseleave" href="#onmouseleave"><tt><b>onMouseLeave</b></tt></a>
700
- </div>
701
- <div class="member-description hidden">
702
-
703
- <div class="member-text">
704
- <p>The function to be called when the mouse moves out of the view. The function receives a <a href="../classes/MouseEvent.html"><tt>MouseEvent</tt></a> object which contains information about the mouse event. Note that such mouse events bubble up the scene graph hierarchy, reaching the view at the end, unless they are stopped before with <a href="../classes/Event.html#stoppropagation"><tt>event.stopPropagation</tt></a>() or by returning <code>false</code> from a handler.</p>
705
-
706
-
707
-
708
- <ul class="member-list">
709
- <h4>Type:</h4>
710
- <li>
711
- <tt>Function</tt>⟋<tt>null</tt>
712
- </li>
713
- </ul>
714
-
715
-
716
- <ul class="member-list">
717
- <h4>See also:</h4>
718
-
719
- <li><tt><a href="../classes/View.html#onmouseleave"><tt>view.onMouseLeave</tt></a></tt></li>
720
-
721
- </ul>
722
-
723
-
724
- </div>
725
-
726
- </div>
727
- </div>
728
-
729
- </div>
730
-
731
-
732
-
733
-
734
-
735
- <!-- ============================== methods ================================ -->
736
- <div class="reference-members">
737
- <h2>Methods</h2>
738
-
739
-
740
- <div id="remove" class="member">
741
- <div class="member-link">
742
- <a name="remove" href="#remove"><tt><b>remove</b>()</tt></a>
743
- </div>
744
- <div class="member-description hidden">
745
- <div class="member-text">
746
- <p>Removes this view from the project and frees the associated element.</p>
747
-
748
-
749
-
750
-
751
-
752
-
753
-
754
- </div>
755
- </div>
756
- </div>
757
-
758
-
759
- <div id="update" class="member">
760
- <div class="member-link">
761
- <a name="update" href="#update"><tt><b>update</b>()</tt></a>
762
- </div>
763
- <div class="member-description hidden">
764
- <div class="member-text">
765
- <p>Updates the view if there are changes. Note that when using built-in event hanlders for interaction, animation and load events, this method is invoked for you automatically at the end.</p>
766
-
767
-
768
-
769
- <ul class="member-list">
770
- <h4>Returns:</h4>
771
-
772
- <li>
773
- <tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if the view was updated, <tt>false</tt> otherwise
774
- </li>
775
-
776
-
777
- </ul>
778
-
779
-
780
-
781
-
782
-
783
- </div>
784
- </div>
785
- </div>
786
-
787
-
788
- <div id="requestupdate" class="member">
789
- <div class="member-link">
790
- <a name="requestupdate" href="#requestupdate"><tt><b>requestUpdate</b>()</tt></a>
791
- </div>
792
- <div class="member-description hidden">
793
- <div class="member-text">
794
- <p>Requests an update of the view if there are changes through the browser&rsquo;s requestAnimationFrame() mechanism for smooth animation. Note that when using built-in event handlers for interaction, animation and load events, updates are automatically invoked for you automatically at the end.</p>
795
-
796
-
797
-
798
-
799
-
800
-
801
-
802
- </div>
803
- </div>
804
- </div>
805
-
806
-
807
- <div id="play" class="member">
808
- <div class="member-link">
809
- <a name="play" href="#play"><tt><b>play</b>()</tt></a>
810
- </div>
811
- <div class="member-description hidden">
812
- <div class="member-text">
813
- <p>Makes all animation play by adding the view to the request animation loop.</p>
814
-
815
-
816
-
817
-
818
-
819
-
820
-
821
- </div>
822
- </div>
823
- </div>
824
-
825
-
826
- <div id="pause" class="member">
827
- <div class="member-link">
828
- <a name="pause" href="#pause"><tt><b>pause</b>()</tt></a>
829
- </div>
830
- <div class="member-description hidden">
831
- <div class="member-text">
832
- <p>Makes all animation pause by removing the view from the request animation loop.</p>
833
-
834
-
835
-
836
-
837
-
838
-
839
-
840
- </div>
841
- </div>
842
- </div>
843
-
844
-
845
- <div id="isvisible" class="member">
846
- <div class="member-link">
847
- <a name="isvisible" href="#isvisible"><tt><b>isVisible</b>()</tt></a>
848
- </div>
849
- <div class="member-description hidden">
850
- <div class="member-text">
851
- <p>Checks whether the view is currently visible within the current browser viewport.</p>
852
-
853
-
854
-
855
- <ul class="member-list">
856
- <h4>Returns:</h4>
857
-
858
- <li>
859
- <tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if the view is visible, <tt>false</tt> otherwise
860
- </li>
861
-
862
-
863
- </ul>
864
-
865
-
866
-
867
-
868
-
869
- </div>
870
- </div>
871
- </div>
872
-
873
-
874
- <div id="isinserted" class="member">
875
- <div class="member-link">
876
- <a name="isinserted" href="#isinserted"><tt><b>isInserted</b>()</tt></a>
877
- </div>
878
- <div class="member-description hidden">
879
- <div class="member-text">
880
- <p>Checks whether the view is inserted into the browser DOM.</p>
881
-
882
-
883
-
884
- <ul class="member-list">
885
- <h4>Returns:</h4>
886
-
887
- <li>
888
- <tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if the view is inserted, <tt>false</tt> otherwise
889
- </li>
890
-
891
-
892
- </ul>
893
-
894
-
895
-
896
-
897
-
898
- </div>
899
- </div>
900
- </div>
901
-
902
-
903
- <h3>Transform Functions</h3>
904
-
905
- <div id="translate-delta" class="member">
906
- <div class="member-link">
907
- <a name="translate-delta" href="#translate-delta"><tt><b>translate</b>(delta)</tt></a>
908
- </div>
909
- <div class="member-description hidden">
910
- <div class="member-text">
911
- <p>Translates (scrolls) the view by the given offset vector.</p>
912
-
913
-
914
- <ul class="member-list">
915
- <h4>Parameters:</h4>
916
-
917
- <li>
918
- <tt>delta:</tt>
919
- <a href="../classes/Point.html"><tt>Point</tt></a>
920
- &mdash;&nbsp;the offset to translate the view by
921
-
922
- </li>
923
-
924
- </ul>
925
-
926
-
927
-
928
-
929
-
930
-
931
- </div>
932
- </div>
933
- </div>
934
-
935
-
936
- <div id="rotate-angle" class="member">
937
- <div class="member-link">
938
- <a name="rotate-angle" href="#rotate-angle"><tt><b>rotate</b>(angle[, center])</tt></a>
939
- </div>
940
- <div class="member-description hidden">
941
- <div class="member-text">
942
- <p>Rotates the view by a given angle around the given center point.</p>
943
- <p>Angles are oriented clockwise and measured in degrees.</p>
944
-
945
-
946
- <ul class="member-list">
947
- <h4>Parameters:</h4>
948
-
949
- <li>
950
- <tt>angle:</tt>
951
- <tt>Number</tt>
952
- &mdash;&nbsp;the rotation angle
953
-
954
- </li>
955
-
956
- <li>
957
- <tt>center:</tt>
958
- <a href="../classes/Point.html"><tt>Point</tt></a>
959
-
960
- &mdash;&nbsp;optional, default: <tt><a href="../classes/View.html#center"><tt>view.center</tt></a></tt>
961
- </li>
962
-
963
- </ul>
964
-
965
-
966
-
967
-
968
-
969
- <ul class="member-list">
970
- <h4>See also:</h4>
971
-
972
- <li><tt><a href="../classes/Matrix.html#rotate-angle"><tt>matrix.rotate(angle[, center])</tt></a></tt></li>
973
-
974
- </ul>
975
-
976
-
977
- </div>
978
- </div>
979
- </div>
980
-
981
-
982
- <div id="scale-scale" class="member">
983
- <div class="member-link">
984
- <a name="scale-scale" href="#scale-scale"><tt><b>scale</b>(scale[, center])</tt></a>
985
- </div>
986
- <div class="member-description hidden">
987
- <div class="member-text">
988
- <p>Scales the view by the given value from its center point, or optionally from a supplied point.</p>
989
-
990
-
991
- <ul class="member-list">
992
- <h4>Parameters:</h4>
993
-
994
- <li>
995
- <tt>scale:</tt>
996
- <tt>Number</tt>
997
- &mdash;&nbsp;the scale factor
998
-
999
- </li>
1000
-
1001
- <li>
1002
- <tt>center:</tt>
1003
- <a href="../classes/Point.html"><tt>Point</tt></a>
1004
-
1005
- &mdash;&nbsp;optional, default: <tt><a href="../classes/View.html#center"><tt>view.center</tt></a></tt>
1006
- </li>
1007
-
1008
- </ul>
1009
-
1010
-
1011
-
1012
-
1013
-
1014
-
1015
- </div>
1016
- </div>
1017
- </div>
1018
-
1019
-
1020
- <div id="scale-hor-ver" class="member">
1021
- <div class="member-link">
1022
- <a name="scale-hor-ver" href="#scale-hor-ver"><tt><b>scale</b>(hor, ver[, center])</tt></a>
1023
- </div>
1024
- <div class="member-description hidden">
1025
- <div class="member-text">
1026
- <p>Scales the view by the given values from its center point, or optionally from a supplied point.</p>
1027
-
1028
-
1029
- <ul class="member-list">
1030
- <h4>Parameters:</h4>
1031
-
1032
- <li>
1033
- <tt>hor:</tt>
1034
- <tt>Number</tt>
1035
- &mdash;&nbsp;the horizontal scale factor
1036
-
1037
- </li>
1038
-
1039
- <li>
1040
- <tt>ver:</tt>
1041
- <tt>Number</tt>
1042
- &mdash;&nbsp;the vertical scale factor
1043
-
1044
- </li>
1045
-
1046
- <li>
1047
- <tt>center:</tt>
1048
- <a href="../classes/Point.html"><tt>Point</tt></a>
1049
-
1050
- &mdash;&nbsp;optional, default: <tt><a href="../classes/View.html#center"><tt>view.center</tt></a></tt>
1051
- </li>
1052
-
1053
- </ul>
1054
-
1055
-
1056
-
1057
-
1058
-
1059
-
1060
- </div>
1061
- </div>
1062
- </div>
1063
-
1064
-
1065
- <div id="shear-shear" class="member">
1066
- <div class="member-link">
1067
- <a name="shear-shear" href="#shear-shear"><tt><b>shear</b>(shear[, center])</tt></a>
1068
- </div>
1069
- <div class="member-description hidden">
1070
- <div class="member-text">
1071
- <p>Shears the view by the given value from its center point, or optionally by a supplied point.</p>
1072
-
1073
-
1074
- <ul class="member-list">
1075
- <h4>Parameters:</h4>
1076
-
1077
- <li>
1078
- <tt>shear:</tt>
1079
- <a href="../classes/Point.html"><tt>Point</tt></a>
1080
- &mdash;&nbsp;the horizontal and vertical shear factors as a point
1081
-
1082
- </li>
1083
-
1084
- <li>
1085
- <tt>center:</tt>
1086
- <a href="../classes/Point.html"><tt>Point</tt></a>
1087
-
1088
- &mdash;&nbsp;optional, default: <tt><a href="../classes/View.html#center"><tt>view.center</tt></a></tt>
1089
- </li>
1090
-
1091
- </ul>
1092
-
1093
-
1094
-
1095
-
1096
-
1097
- <ul class="member-list">
1098
- <h4>See also:</h4>
1099
-
1100
- <li><tt><a href="../classes/Matrix.html#shear-shear"><tt>matrix.shear(shear[, center])</tt></a></tt></li>
1101
-
1102
- </ul>
1103
-
1104
-
1105
- </div>
1106
- </div>
1107
- </div>
1108
-
1109
-
1110
- <div id="shear-hor-ver" class="member">
1111
- <div class="member-link">
1112
- <a name="shear-hor-ver" href="#shear-hor-ver"><tt><b>shear</b>(hor, ver[, center])</tt></a>
1113
- </div>
1114
- <div class="member-description hidden">
1115
- <div class="member-text">
1116
- <p>Shears the view by the given values from its center point, or optionally by a supplied point.</p>
1117
-
1118
-
1119
- <ul class="member-list">
1120
- <h4>Parameters:</h4>
1121
-
1122
- <li>
1123
- <tt>hor:</tt>
1124
- <tt>Number</tt>
1125
- &mdash;&nbsp;the horizontal shear factor
1126
-
1127
- </li>
1128
-
1129
- <li>
1130
- <tt>ver:</tt>
1131
- <tt>Number</tt>
1132
- &mdash;&nbsp;the vertical shear factor
1133
-
1134
- </li>
1135
-
1136
- <li>
1137
- <tt>center:</tt>
1138
- <a href="../classes/Point.html"><tt>Point</tt></a>
1139
-
1140
- &mdash;&nbsp;optional, default: <tt><a href="../classes/View.html#center"><tt>view.center</tt></a></tt>
1141
- </li>
1142
-
1143
- </ul>
1144
-
1145
-
1146
-
1147
-
1148
-
1149
- <ul class="member-list">
1150
- <h4>See also:</h4>
1151
-
1152
- <li><tt><a href="../classes/Matrix.html#shear-hor-ver"><tt>matrix.shear(hor, ver[, center])</tt></a></tt></li>
1153
-
1154
- </ul>
1155
-
1156
-
1157
- </div>
1158
- </div>
1159
- </div>
1160
-
1161
-
1162
- <div id="skew-skew" class="member">
1163
- <div class="member-link">
1164
- <a name="skew-skew" href="#skew-skew"><tt><b>skew</b>(skew[, center])</tt></a>
1165
- </div>
1166
- <div class="member-description hidden">
1167
- <div class="member-text">
1168
- <p>Skews the view by the given angles from its center point, or optionally by a supplied point.</p>
1169
-
1170
-
1171
- <ul class="member-list">
1172
- <h4>Parameters:</h4>
1173
-
1174
- <li>
1175
- <tt>skew:</tt>
1176
- <a href="../classes/Point.html"><tt>Point</tt></a>
1177
- &mdash;&nbsp;the horizontal and vertical skew angles in degrees
1178
-
1179
- </li>
1180
-
1181
- <li>
1182
- <tt>center:</tt>
1183
- <a href="../classes/Point.html"><tt>Point</tt></a>
1184
-
1185
- &mdash;&nbsp;optional, default: <tt><a href="../classes/View.html#center"><tt>view.center</tt></a></tt>
1186
- </li>
1187
-
1188
- </ul>
1189
-
1190
-
1191
-
1192
-
1193
-
1194
- <ul class="member-list">
1195
- <h4>See also:</h4>
1196
-
1197
- <li><tt><a href="../classes/Matrix.html#shear-skew"><tt>matrix.shear(skew[, center])</tt></a></tt></li>
1198
-
1199
- </ul>
1200
-
1201
-
1202
- </div>
1203
- </div>
1204
- </div>
1205
-
1206
-
1207
- <div id="skew-hor-ver" class="member">
1208
- <div class="member-link">
1209
- <a name="skew-hor-ver" href="#skew-hor-ver"><tt><b>skew</b>(hor, ver[, center])</tt></a>
1210
- </div>
1211
- <div class="member-description hidden">
1212
- <div class="member-text">
1213
- <p>Skews the view by the given angles from its center point, or optionally by a supplied point.</p>
1214
-
1215
-
1216
- <ul class="member-list">
1217
- <h4>Parameters:</h4>
1218
-
1219
- <li>
1220
- <tt>hor:</tt>
1221
- <tt>Number</tt>
1222
- &mdash;&nbsp;the horizontal skew angle in degrees
1223
-
1224
- </li>
1225
-
1226
- <li>
1227
- <tt>ver:</tt>
1228
- <tt>Number</tt>
1229
- &mdash;&nbsp;the vertical sskew angle in degrees
1230
-
1231
- </li>
1232
-
1233
- <li>
1234
- <tt>center:</tt>
1235
- <a href="../classes/Point.html"><tt>Point</tt></a>
1236
-
1237
- &mdash;&nbsp;optional, default: <tt><a href="../classes/View.html#center"><tt>view.center</tt></a></tt>
1238
- </li>
1239
-
1240
- </ul>
1241
-
1242
-
1243
-
1244
-
1245
-
1246
- <ul class="member-list">
1247
- <h4>See also:</h4>
1248
-
1249
- <li><tt><a href="../classes/Matrix.html#shear-hor-ver"><tt>matrix.shear(hor, ver[, center])</tt></a></tt></li>
1250
-
1251
- </ul>
1252
-
1253
-
1254
- </div>
1255
- </div>
1256
- </div>
1257
-
1258
-
1259
- <div id="transform-matrix" class="member">
1260
- <div class="member-link">
1261
- <a name="transform-matrix" href="#transform-matrix"><tt><b>transform</b>(matrix)</tt></a>
1262
- </div>
1263
- <div class="member-description hidden">
1264
- <div class="member-text">
1265
- <p>Transform the view.</p>
1266
-
1267
-
1268
- <ul class="member-list">
1269
- <h4>Parameters:</h4>
1270
-
1271
- <li>
1272
- <tt>matrix:</tt>
1273
- <a href="../classes/Matrix.html"><tt>Matrix</tt></a>
1274
- &mdash;&nbsp;the matrix by which the view shall be transformed
1275
-
1276
- </li>
1277
-
1278
- </ul>
1279
-
1280
-
1281
-
1282
-
1283
-
1284
-
1285
- </div>
1286
- </div>
1287
- </div>
1288
-
1289
-
1290
- <div id="projecttoview-point" class="member">
1291
- <div class="member-link">
1292
- <a name="projecttoview-point" href="#projecttoview-point"><tt><b>projectToView</b>(point)</tt></a>
1293
- </div>
1294
- <div class="member-description hidden">
1295
- <div class="member-text">
1296
- <p>Converts the passed point from project coordinate space to view coordinate space, which is measured in browser pixels in relation to the position of the view element.</p>
1297
-
1298
-
1299
- <ul class="member-list">
1300
- <h4>Parameters:</h4>
1301
-
1302
- <li>
1303
- <tt>point:</tt>
1304
- <a href="../classes/Point.html"><tt>Point</tt></a>
1305
- &mdash;&nbsp;the point in project coordinates to be converted
1306
-
1307
- </li>
1308
-
1309
- </ul>
1310
-
1311
-
1312
- <ul class="member-list">
1313
- <h4>Returns:</h4>
1314
-
1315
- <li>
1316
- <tt><a href="../classes/Point.html"><tt>Point</tt></a></tt>&nbsp;&mdash;&nbsp;the point converted into view coordinates
1317
- </li>
1318
-
1319
-
1320
- </ul>
1321
-
1322
-
1323
-
1324
-
1325
-
1326
- </div>
1327
- </div>
1328
- </div>
1329
-
1330
-
1331
- <div id="viewtoproject-point" class="member">
1332
- <div class="member-link">
1333
- <a name="viewtoproject-point" href="#viewtoproject-point"><tt><b>viewToProject</b>(point)</tt></a>
1334
- </div>
1335
- <div class="member-description hidden">
1336
- <div class="member-text">
1337
- <p>Converts the passed point from view coordinate space to project coordinate space.</p>
1338
-
1339
-
1340
- <ul class="member-list">
1341
- <h4>Parameters:</h4>
1342
-
1343
- <li>
1344
- <tt>point:</tt>
1345
- <a href="../classes/Point.html"><tt>Point</tt></a>
1346
- &mdash;&nbsp;the point in view coordinates to be converted
1347
-
1348
- </li>
1349
-
1350
- </ul>
1351
-
1352
-
1353
- <ul class="member-list">
1354
- <h4>Returns:</h4>
1355
-
1356
- <li>
1357
- <tt><a href="../classes/Point.html"><tt>Point</tt></a></tt>&nbsp;&mdash;&nbsp;the point converted into project coordinates
1358
- </li>
1359
-
1360
-
1361
- </ul>
1362
-
1363
-
1364
-
1365
-
1366
-
1367
- </div>
1368
- </div>
1369
- </div>
1370
-
1371
-
1372
- <div id="geteventpoint-event" class="member">
1373
- <div class="member-link">
1374
- <a name="geteventpoint-event" href="#geteventpoint-event"><tt><b>getEventPoint</b>(event)</tt></a>
1375
- </div>
1376
- <div class="member-description hidden">
1377
- <div class="member-text">
1378
- <p>Determines and returns the event location in project coordinate space.</p>
1379
-
1380
-
1381
- <ul class="member-list">
1382
- <h4>Parameters:</h4>
1383
-
1384
- <li>
1385
- <tt>event:</tt>
1386
- <a href="../classes/Event.html"><tt>Event</tt></a>
1387
- &mdash;&nbsp;the native event object for which to determine the location.
1388
-
1389
- </li>
1390
-
1391
- </ul>
1392
-
1393
-
1394
- <ul class="member-list">
1395
- <h4>Returns:</h4>
1396
-
1397
- <li>
1398
- <tt><a href="../classes/Point.html"><tt>Point</tt></a></tt>&nbsp;&mdash;&nbsp;the event point in project coordinates.
1399
- </li>
1400
-
1401
-
1402
- </ul>
1403
-
1404
-
1405
-
1406
-
1407
-
1408
- </div>
1409
- </div>
1410
- </div>
1411
-
1412
-
1413
- <h3>Event Handling</h3>
1414
-
1415
- <div id="on-type-function" class="member">
1416
- <div class="member-link">
1417
- <a name="on-type-function" href="#on-type-function"><tt><b>on</b>(type, function)</tt></a>
1418
- </div>
1419
- <div class="member-description hidden">
1420
- <div class="member-text">
1421
- <p>Attach an event handler to the view.</p>
1422
-
1423
-
1424
- <ul class="member-list">
1425
- <h4>Parameters:</h4>
1426
-
1427
- <li>
1428
- <tt>type:</tt>
1429
- <tt>String</tt>
1430
- &mdash;&nbsp;the type of event: <tt>&lsquo;frame&rsquo;</tt>, <tt>&lsquo;resize&rsquo;</tt>, <tt>&lsquo;mousedown&rsquo;</tt>, <tt>&lsquo;mouseup&rsquo;</tt>, <tt>&lsquo;mousedrag&rsquo;</tt>, <tt>&lsquo;click&rsquo;</tt>, <tt>&lsquo;doubleclick&rsquo;</tt>, <tt>&lsquo;mousemove&rsquo;</tt>, <tt>&lsquo;mouseenter&rsquo;</tt>, <tt>&lsquo;mouseleave&rsquo;</tt>
1431
-
1432
- </li>
1433
-
1434
- <li>
1435
- <tt>function:</tt>
1436
- <tt>Function</tt>
1437
- &mdash;&nbsp;the function to be called when the event occurs, receiving a <a href="../classes/MouseEvent.html"><tt>MouseEvent</tt></a> or <a href="../classes/Event.html"><tt>Event</tt></a> object as its sole argument
1438
-
1439
- </li>
1440
-
1441
- </ul>
1442
-
1443
-
1444
- <ul class="member-list">
1445
- <h4>Returns:</h4>
1446
-
1447
- <li>
1448
- <tt><a href="../classes/View.html"><tt>View</tt></a></tt>&nbsp;&mdash;&nbsp;this view itself, so calls can be chained
1449
- </li>
1450
-
1451
-
1452
- </ul>
1453
-
1454
-
1455
-
1456
-
1457
- <h4>Example:<span class="description">Create a rectangle shaped path with its top left point at: {x: 50, y: 25} and a size of {width: 50, height: 50}</span></h4>
1458
-
1459
- <div class="paperscript split">
1460
-
1461
- <div class="buttons">
1462
- <div class="button run">Run</div>
1463
- </div>
1464
-
1465
- <script type="text/paperscript" canvas="canvas-1">
1466
- var path = new Path.Rectangle(new Point(50, 25), new Size(50, 50));
1467
- path.fillColor = 'black';
1468
-
1469
- var frameHandler = function(event) {
1470
- // Every frame, rotate the path by 3 degrees:
1471
- path.rotate(3);
1472
- };
1473
-
1474
- view.on('frame', frameHandler);
1475
- </script>
1476
- <div class="canvas"><canvas width="516" height="100" id="canvas-1"></canvas></div>
1477
- </div>
1478
-
1479
-
1480
- </div>
1481
- </div>
1482
- </div>
1483
-
1484
-
1485
- <div id="on-param" class="member">
1486
- <div class="member-link">
1487
- <a name="on-param" href="#on-param"><tt><b>on</b>(param)</tt></a>
1488
- </div>
1489
- <div class="member-description hidden">
1490
- <div class="member-text">
1491
- <p>Attach one or more event handlers to the view.</p>
1492
-
1493
-
1494
- <ul class="member-list">
1495
- <h4>Parameters:</h4>
1496
-
1497
- <li>
1498
- <tt>param:</tt>
1499
- <tt>Object</tt>
1500
- &mdash;&nbsp;an object literal containing one or more of the following properties: <tt>frame</tt>, <tt>resize</tt>
1501
-
1502
- </li>
1503
-
1504
- </ul>
1505
-
1506
-
1507
- <ul class="member-list">
1508
- <h4>Returns:</h4>
1509
-
1510
- <li>
1511
- <tt><a href="../classes/View.html"><tt>View</tt></a></tt>&nbsp;&mdash;&nbsp;this view itself, so calls can be chained
1512
- </li>
1513
-
1514
-
1515
- </ul>
1516
-
1517
-
1518
-
1519
-
1520
- <h4>Example:<span class="description">Create a rectangle shaped path with its top left point at: {x: 50, y: 25} and a size of {width: 50, height: 50}</span></h4>
1521
-
1522
- <div class="paperscript split">
1523
-
1524
- <div class="buttons">
1525
- <div class="button run">Run</div>
1526
- </div>
1527
-
1528
- <script type="text/paperscript" canvas="canvas-2">
1529
- var path = new Path.Rectangle(new Point(50, 25), new Size(50, 50));
1530
- path.fillColor = 'black';
1531
-
1532
- var frameHandler = function(event) {
1533
- // Every frame, rotate the path by 3 degrees:
1534
- path.rotate(3);
1535
- };
1536
-
1537
- view.on({
1538
- frame: frameHandler
1539
- });
1540
- </script>
1541
- <div class="canvas"><canvas width="516" height="100" id="canvas-2"></canvas></div>
1542
- </div>
1543
-
1544
-
1545
- </div>
1546
- </div>
1547
- </div>
1548
-
1549
-
1550
- <div id="off-type-function" class="member">
1551
- <div class="member-link">
1552
- <a name="off-type-function" href="#off-type-function"><tt><b>off</b>(type, function)</tt></a>
1553
- </div>
1554
- <div class="member-description hidden">
1555
- <div class="member-text">
1556
- <p>Detach an event handler from the view.</p>
1557
-
1558
-
1559
- <ul class="member-list">
1560
- <h4>Parameters:</h4>
1561
-
1562
- <li>
1563
- <tt>type:</tt>
1564
- <tt>String</tt>
1565
- &mdash;&nbsp;the event type: <tt>&lsquo;frame&rsquo;</tt>, <tt>&lsquo;resize&rsquo;</tt>, <tt>&lsquo;mousedown&rsquo;</tt>, <tt>&lsquo;mouseup&rsquo;</tt>, <tt>&lsquo;mousedrag&rsquo;</tt>, <tt>&lsquo;click&rsquo;</tt>, <tt>&lsquo;doubleclick&rsquo;</tt>, <tt>&lsquo;mousemove&rsquo;</tt>, <tt>&lsquo;mouseenter&rsquo;</tt>, <tt>&lsquo;mouseleave&rsquo;</tt>
1566
-
1567
- </li>
1568
-
1569
- <li>
1570
- <tt>function:</tt>
1571
- <tt>Function</tt>
1572
- &mdash;&nbsp;the function to be detached
1573
-
1574
- </li>
1575
-
1576
- </ul>
1577
-
1578
-
1579
- <ul class="member-list">
1580
- <h4>Returns:</h4>
1581
-
1582
- <li>
1583
- <tt><a href="../classes/View.html"><tt>View</tt></a></tt>&nbsp;&mdash;&nbsp;this view itself, so calls can be chained
1584
- </li>
1585
-
1586
-
1587
- </ul>
1588
-
1589
-
1590
-
1591
-
1592
- <h4>Example:<span class="description">Create a rectangle shaped path with its top left point at: {x: 50, y: 25} and a size of {width: 50, height: 50}</span></h4>
1593
-
1594
- <div class="paperscript split">
1595
-
1596
- <div class="buttons">
1597
- <div class="button run">Run</div>
1598
- </div>
1599
-
1600
- <script type="text/paperscript" canvas="canvas-3">
1601
- var path = new Path.Rectangle(new Point(50, 25), new Size(50, 50));
1602
- path.fillColor = 'black';
1603
-
1604
- var frameHandler = function(event) {
1605
- // Every frame, rotate the path by 3 degrees:
1606
- path.rotate(3);
1607
- };
1608
-
1609
- view.on({
1610
- frame: frameHandler
1611
- });
1612
-
1613
- // When the user presses the mouse,
1614
- // detach the frame handler from the view:
1615
- function onMouseDown(event) {
1616
- view.off('frame');
1617
- }
1618
- </script>
1619
- <div class="canvas"><canvas width="516" height="100" id="canvas-3"></canvas></div>
1620
- </div>
1621
-
1622
-
1623
- </div>
1624
- </div>
1625
- </div>
1626
-
1627
-
1628
- <div id="off-param" class="member">
1629
- <div class="member-link">
1630
- <a name="off-param" href="#off-param"><tt><b>off</b>(param)</tt></a>
1631
- </div>
1632
- <div class="member-description hidden">
1633
- <div class="member-text">
1634
- <p>Detach one or more event handlers from the view.</p>
1635
-
1636
-
1637
- <ul class="member-list">
1638
- <h4>Parameters:</h4>
1639
-
1640
- <li>
1641
- <tt>param:</tt>
1642
- <tt>Object</tt>
1643
- &mdash;&nbsp;an object literal containing one or more of the following properties: <tt>frame</tt>, <tt>resize</tt>
1644
-
1645
- </li>
1646
-
1647
- </ul>
1648
-
1649
-
1650
- <ul class="member-list">
1651
- <h4>Returns:</h4>
1652
-
1653
- <li>
1654
- <tt><a href="../classes/View.html"><tt>View</tt></a></tt>&nbsp;&mdash;&nbsp;this view itself, so calls can be chained
1655
- </li>
1656
-
1657
-
1658
- </ul>
1659
-
1660
-
1661
-
1662
-
1663
-
1664
- </div>
1665
- </div>
1666
- </div>
1667
-
1668
-
1669
- <div id="emit-type-event" class="member">
1670
- <div class="member-link">
1671
- <a name="emit-type-event" href="#emit-type-event"><tt><b>emit</b>(type, event)</tt></a>
1672
- </div>
1673
- <div class="member-description hidden">
1674
- <div class="member-text">
1675
- <p>Emit an event on the view.</p>
1676
-
1677
-
1678
- <ul class="member-list">
1679
- <h4>Parameters:</h4>
1680
-
1681
- <li>
1682
- <tt>type:</tt>
1683
- <tt>String</tt>
1684
- &mdash;&nbsp;the event type: <tt>&lsquo;frame&rsquo;</tt>, <tt>&lsquo;resize&rsquo;</tt>, <tt>&lsquo;mousedown&rsquo;</tt>, <tt>&lsquo;mouseup&rsquo;</tt>, <tt>&lsquo;mousedrag&rsquo;</tt>, <tt>&lsquo;click&rsquo;</tt>, <tt>&lsquo;doubleclick&rsquo;</tt>, <tt>&lsquo;mousemove&rsquo;</tt>, <tt>&lsquo;mouseenter&rsquo;</tt>, <tt>&lsquo;mouseleave&rsquo;</tt>
1685
-
1686
- </li>
1687
-
1688
- <li>
1689
- <tt>event:</tt>
1690
- <tt>Object</tt>
1691
- &mdash;&nbsp;an object literal containing properties describing the event
1692
-
1693
- </li>
1694
-
1695
- </ul>
1696
-
1697
-
1698
- <ul class="member-list">
1699
- <h4>Returns:</h4>
1700
-
1701
- <li>
1702
- <tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if the event had listeners, <tt>false</tt> otherwise
1703
- </li>
1704
-
1705
-
1706
- </ul>
1707
-
1708
-
1709
-
1710
-
1711
-
1712
- </div>
1713
- </div>
1714
- </div>
1715
-
1716
-
1717
- <div id="responds-type" class="member">
1718
- <div class="member-link">
1719
- <a name="responds-type" href="#responds-type"><tt><b>responds</b>(type)</tt></a>
1720
- </div>
1721
- <div class="member-description hidden">
1722
- <div class="member-text">
1723
- <p>Check if the view has one or more event handlers of the specified type.</p>
1724
-
1725
-
1726
- <ul class="member-list">
1727
- <h4>Parameters:</h4>
1728
-
1729
- <li>
1730
- <tt>type:</tt>
1731
- <tt>String</tt>
1732
- &mdash;&nbsp;the event type: <tt>&lsquo;frame&rsquo;</tt>, <tt>&lsquo;resize&rsquo;</tt>, <tt>&lsquo;mousedown&rsquo;</tt>, <tt>&lsquo;mouseup&rsquo;</tt>, <tt>&lsquo;mousedrag&rsquo;</tt>, <tt>&lsquo;click&rsquo;</tt>, <tt>&lsquo;doubleclick&rsquo;</tt>, <tt>&lsquo;mousemove&rsquo;</tt>, <tt>&lsquo;mouseenter&rsquo;</tt>, <tt>&lsquo;mouseleave&rsquo;</tt>
1733
-
1734
- </li>
1735
-
1736
- </ul>
1737
-
1738
-
1739
- <ul class="member-list">
1740
- <h4>Returns:</h4>
1741
-
1742
- <li>
1743
- <tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if the view has one or more event handlers of the specified type, <tt>false</tt> otherwise
1744
- </li>
1745
-
1746
-
1747
- </ul>
1748
-
1749
-
1750
-
1751
-
1752
-
1753
- </div>
1754
- </div>
1755
- </div>
1756
-
1757
-
1758
-
1759
- </div>
1760
-
1761
-
1762
-
1763
-
1764
- <!-- =========================== copyright notice ========================== -->
1765
- <p class="footer">
1766
- Paper.js v0.12.17<br>
1767
- Copyright &#169; 2011—2022 <a href="http://www.lehni.org" target="_blank">J&uuml;rg Lehni</a> &amp; <a href="http://www.jonathanpuckey.com" target="_blank">Jonathan Puckey</a>. All Rights Reserved.</p>
1768
- <div class="content-end"></div>
1769
-
1770
-
1771
- </article>
1772
- </body>