KineticJS

Van eenvoudige 2D vormen en tekeningen, en tot ingewikkelde browsergames, KineticJS kan probleemloos een voor het manipuleren canvaselementen in de DOM gebruikt.
 KineticJS kan werken met vele lagen, animaties en renderings, is ideaal voor animatie en game-engines

Wat is nieuw in deze release:.

• Nieuwe FastLayer voor ultra snelle rendering. Als je niet knooppunt nesten, muis en aanraking interactie, of gebeurtenis pub / sub nodig hebt, moet u FastLayer gebruiken in plaats van Layer om uw lagen te creëren. Het maakt ongeveer 2x sneller dan normaal lagen.
• Nu is het passeren van een Kinetic event object event handlers die een doelwit, het type en evt sleutel die verwijst naar de inheemse evenement object bevat.
• Kan nu configureren als Kinetic graden of radialen moeten gebruiken via de Kinetic.angleDeg vlag. Standaard is het waar.

Wat is nieuw in versie 4.7.1:

• layer.clear () nu correct de laag ontruimt
• layer.clear () nu wist ook de hit grafiek (dit weerspiegelt trekken (), die zowel de scène en sloeg grafiek trekt)

Wat is nieuw in versie 4.5.2:

• Toegevoegd event is nu ontslagen wanneer nodes worden toegevoegd. event object met kind eigenschap wordt doorgegeven.
• New setattr () methode die kan worden gebruikt in kinetische attrs of zelfs aangepaste attrs stellen. Veranderingen Custom attrs kan ook worden onderschreven, net als Kinetic attrs. dat wil zeggen shape.on ('myAttrChange', ...).
• Nieuwe getType () om het type knooppunt krijgen. Zal terugkeren Stage, Layer, Group, of vorm.

Wat is nieuw in versie 4.3.3:

• Bug fixes:
• Kinetic.Text events worden nu correct werken.
• Vaste scaling probleem bij het direct tekenen op een laag doek op mobiele apparaten met een pixelRatio & # x3e; 1.
• Wedge klok pand is nu correct standaard ingesteld op false.

Wat is nieuw in versie 4.2.0:

• Pixel verhouding optimalisatie te slijpen tekst en beeld rendering op apparaten met een pixel verhouding & # x3e; 1
• Nieuwe wigvorm
• AMD ondersteuning
• Fill patronen kunnen nu vertaald worden, geroteerd, geschaald, en offset, vergelijkbaar met knooppunten

Wat is nieuw in versie 4.1.2:

• Gewijzigde createImageBuffer () om createImageHitRegion () voor consistentie .

Wat is nieuw in versie 4.0.5:

• Nieuwe functies:
• Brighten filter (Bedankt voor het krijgen van deze begonnen Witali Mik!)
• Omkeren filter
• vuur () methode vuurt synthetische gebeurtenissen zonder event borrelen
• Animatie objecten bevatten nu frameRate goed voor het gemak
• Verbeteringen:
• Sterk verbeterde animatie, overgang, en sleep de prestaties door de invoering van dynamische omschakeling tussen vaste frame rates en dynamische frame rates
• simuleren () methode wordt nu gebruikt voor het simuleren van de gebruiker gebeurtenissen, zoals klik, mouseMove, mouseover, etc. Wanneer gebeurtenissen worden gesimuleerd, kunnen ze borrelen de Node boom.

Wat is nieuw in versie v3.10.4:

• Nieuwe toImage () methode zet elk knooppunt in een beeld ten behoeve van caching die sterk kunnen verbeteren tekenperformantie (zoveel 4x sneller eenvoudige vormen)
• Nieuwe applyFilter () methode waarmee u filter logica van toepassing op beelden (bijv grijstinten, omkeren kleuren, enz.)
• toDataURL kunnen nu synchroon worden gebruikt met lagen, groepen, en vormen. Stage toDataURL () is nog steeds asynchroon
• Op attr verandering handler evenement object bevat nu oldVal en newVal pand
• SaveData () is gewijzigd in saveImageData (), en clearData () is gewijzigd in clearImageData ()
• saveImageData () en clearImageData () werken nu met enige knooppunt, met inbegrip van het podium, lagen en groepen
• Nieuw op beforeAttrChange event handler die onmiddellijk voordat u een attribuut (in tegenstelling tot op attrChange, die na een attr wordt bijgewerkt onmiddellijk vuurt) vuurt

Wat is nieuw in versie v3.10.3:

• Nieuwe inheritiance model waarmee je gemakkelijker uit te breiden of aangepaste methoden toevoegen aan Kinetic klassen
• Nieuwe tekst newline support '& # x5c; n'
• Nieuwe clone methode die elk Kinetic object klonen, met inbegrip van door de gebruiker gedefinieerde gebeurtenis luisteraars van het object
• getIntersections kan nu worden opgeroepen vanaf elke container, met inbegrip van groepen en lagen.
• Sterk verbeterde Sprite animatie prestaties door het inhaken in de wereldwijde animatie object

Eisen

• Javascript nodig op client side
• HTML 5 enabled browser