lwc:programming:javascript:kineticjs [wiki]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
this is a library to manipulate shapes on a canvas. It is interesting because:
  * doesn't require svg
  * does irregular shape detection

\\


[[https://github.com/ericdrowell/KineticJS/wiki|how it works]]
[[http://www.html5canvastutorials.com/kineticjs/|tutorials]]
[[http://www.html5canvastutorials.com/kineticjs/html5-canvas-pixel-detection-with-kineticjs/|image click detection with irregular shape]]
  * confirm this works with vmousedown

[[http://stackoverflow.com/questions/14360237/using-transformation-matrix-in-kineticjs/15045869#15045869|interpreting matrix transformations]]
[[http://stackoverflow.com/questions/15753373/improving-slow-canvas-animation-on-retina-ipad-kineticjs|improving speed on retina (by shutting off retina. Tested. Works)]]
to do:


  * confirm that images "look good" on retina-enabled display

0. make everything an animation

1. for every pic there is are animated forms for idle and vclick

2. in description of pic have info: (type, sourcename, # of images) i.e.

  (idle, source.png, 1), (vlick, source2.png, 3)

3. it is assumed that idle will loop and vclick will not

4. if undefined we assume only idle with same sourcename as image and only 1 image

5. animations are assumed to have same height and width as original image



\\


| find kineticJS element by ID| var myShape = stage.find('#square')[0];|
|                             |                                        |
|                             |                                        |
|                             |                                        |
|                             |                                        |
|                             |                                        |
|                             |                                        |
|                             |                                        |

\\