lwc:programming:javascript:kineticjs

this is a library to manipulate shapes on a canvas. It is interesting because:

  • doesn't require svg
  • does irregular shape detection


how it works tutorials image click detection with irregular shape

  • confirm this works with vmousedown

interpreting matrix transformations 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];
   
   
   
   
   
   
   


  • lwc/programming/javascript/kineticjs.txt
  • Last modified: 2020/11/26 22:31
  • by John Harrison