KineticJS

Fra enkle 2D-figurer og tegninger, og opp til kompliserte nettleserspill, KineticJS kan brukes uten en svikt for å manipulere lerret elementer inne i DOM.
 KineticJS kan jobbe med mange lag, animasjoner og gjengivelser, og er ideellt for animasjon og spillmotorer

Hva er nytt i denne utgaven.

• New FastLayer for ultra rask rendering. Hvis du ikke trenger node hekkende, mus og touch interaksjoner, eller hendelse pub / sub, bør du bruke FastLayer stedet for lag til å lage dine lag. Den gjengir om 2x raskere enn vanlige lag.
• Nå passerer en Kinetic hendelse objekt til hendelsesbehandlinger som inneholder et mål, type og evt nøkkel som peker til den opprinnelige hendelsen objektet.
• Kan nå konfigurere hvis Kinetic bør bruke grader eller radianer via Kinetic.angleDeg flagget. Som standard er det sant.

Hva er nytt i versjon 4.7.1:

• layer.clear () nå klarner laget riktig
• layer.clear () nå også fjerner hit grafen (dette speiler tegne () som trekker både scene og treffe graf)

Hva er nytt i versjon 4.5.2:

• Lagt arrangementet er nå sparket når noder er lagt til. hendelse objekt med barnet eiendommen er passert.
• New setAttr () metode som kan brukes til å sette Kinetic attrs, eller egendefinerte attrs. Tilpassede attrs endringer kan også abonnere på, akkurat som Kinetic attrs. dvs. shape.on ('myAttrChange', ...).
• New getType () for å få node type. Kommer tilbake Stage, Layer, Group, eller Shape.

Hva er nytt i versjon 4.3.3:

• Feilrettinger:
• Kinetic.Text hendelser er nå fungerer som den skal.
• Fast skalering problem når du tegner direkte på et lag lerret på mobile enheter med en pixelRatio & # x3e; 1.
• Wedge klokken eiendommen er nå riktig misligholdt til false.

Hva er nytt i versjon 4.2.0:

• Pixel ratio optimalisering å skjerpe tekst og bildegjengivelse på enheter med en pixel ratio & # x3e; 1
• Ny Wedge form
• AMD støtte
• Fill mønstre kan nå bli oversatt, roteres, skaleres, og offset, på samme måte som noder

Hva er nytt i versjon 4.1.2:

• Endret createImageBuffer () for å createImageHitRegion () for konsistens .

Hva er nytt i versjon 4.0.5:

• Nye funksjoner:
• Lys filter (Takk for å få dette i gang Witali Mik!)
• Invert filter
• brann () -metoden branner syntetiske hendelser uten hendelsen boblende
• animasjonsobjekter inneholder nå framerate eiendom for enkelhets
• Ekstrautstyr:
• Kraftig forbedret animasjon, overgang, og dra og slipp ytelse ved å introdusere dynamisk veksling mellom faste bildefrekvens og dynamiske bildefrekvenser
• simulere () metoden brukes nå til å simulere brukerhendelser, for eksempel klikk, mousemove, mouse, etc. Når hendelser er simulert, kan de boble opp nodetreet.

Hva er nytt i versjon v3.10.4:

• New toImage () metoden konverterer enhver node til en image for formålet med caching som i stor grad kan forbedre tegning ytelse (så mye som 4x raskere for enkle former)
• New applyFilter () metode som gjør det mulig å bruke filter logikken til bilder (f.eks gråtoner, inverteringsmidler farger, osv.)
• toDataURL kan nå brukes synkront med lag, grupper og former. Stage toDataURL () er fortsatt asynkron
• På attr endring handler arrangementet objektet inneholder nå oldVal og newVal eiendom
• SAVEDATA () er endret til saveImageData (), og clearData () er endret til clearImageData ()
• saveImageData () og clearImageData () nå arbeide med noen node, inkludert scenen, lag og grupper
• Ny på beforeAttrChange hendelseshåndterer som skyter rett før du setter et attributt (i motsetning til på attrChange, som skyter rett etter en attr oppdateres)

Hva er nytt i versjon v3.10.3:

• New inheritiance modell som gjør at du kan lettere forlenge eller legge til tilpassede metoder for å Kinetic klasser
• New Text linjeskift støtte '& # x5c; n'
• New klone metode som kloner noen Kinetic objekt, inkludert objektets brukerdefinerte hendelseslyttere
• getIntersections kan nå bli kalt fra alle Container, inkludert grupper og lag.
• Kraftig forbedret Sprite animasjon ytelse ved å hekte i den globale animasjonsobjektet

Krav

• aktivert Javascript på klientsiden
• HTML 5 aktivert nettleser