KineticJS

Von der einfachen 2D-Formen und Zeichnungen, und bis zu kompliziert Browsergames, KineticJS können ohne Pannen zur Manipulation Leinwand Elemente innerhalb des DOM verwendet werden.
 KineticJS kann mit vielen Schichten, Animationen und Renderings zu arbeiten, ist ideal für die Animation und Game-Engines

Was ist neu in dieser Pressemitteilung:.

• New FastLayer für ultraschnelle Rendering. Wenn Sie Knoten Verschachtelung, Maus und Touch-Interaktionen oder Ereignis pub / sub nicht benötigen, sollten Sie FastLayer statt Schicht benutzen, um Ihre Schichten zu erstellen. Es macht etwa 2x schneller als normal Ebenen.
• Jetzt Gabe eines Kinetic Event-Objekt, um Event-Handler, die ein Ziel, Art und evt Taste, die der nativen Ereignisobjekt Punkte enthält.
• Kann jetzt konfigurieren, wenn Kinetic sollte Grad oder Rad über die Kinetic.angleDeg Flag verwenden. Standardmäßig ist es wahr.

Was ist neu in Version 4.7.1:

• layer.clear () nun korrekt die Schicht löscht
• layer.clear () löscht jetzt auch die Treffer Graphen (dies spiegelt zeichnen (), die beide die Szene und drücken Sie Graph Remis)

Was ist neu in Version 4.5.2:

• Hinzugefügt Ereignis wird jetzt ausgelöst, wenn Knoten hinzugefügt. Event-Objekt mit Kind Eigenschaft übergeben wird.
• New SetAttr () Methode, die verwendet wird, um Kinetic attrs oder sogar individuelle attrs eingestellt werden kann. Benutzerdefinierte attrs Veränderungen können auch an wie Kinetic attrs abonniert werden. das heißt shape.on ('myAttrChange', ...).
• New getType (), um den Knotentyp zu erhalten. Wird Stufe, Layer, Gruppe oder Form zurückzukehren.

Was ist neu in Version 4.3.3:

• Fehlerbehebungen:
• Kinetic.Text Ereignisse werden nun korrekt funktionieren.
• Feste Skalierung Problem beim Zeichnen direkt auf eine Schicht Leinwand auf mobilen Geräten mit einem pixelRatio & # x3e; 1.
• Wedge Uhrzeigersinn Immobilie ist bereits richtig zu falsch vorgegeben.

Was ist neu in Version 4.2.0:

• Pixel-Verhältnis-Optimierung zu schärfen Text- und Bild-Rendering auf Geräte mit einer Pixelverhältnis & # x3e; 1
• New Keilform
• AMD-Unterstützung
• Füllmuster können nun verschoben, gedreht, skaliert und versetzt, ähnlich Knoten

Was ist neu in Version 4.1.2:

• geändert createImageBuffer (), um createImageHitRegion () auf Konsistenz .

Was ist neu in Version 4.0.5:

• Neue Features:
• Brighten Filter (Danke, dass diese gestartet Witali Mik!)
• Invert-Filter
• Feuer () -Methode ausgelöst Kunstereignisse, ohne Ereignis sprudelnden
• Animation Objekte enthalten jetzt framerate-Eigenschaft für die Bequemlichkeit
• Erweiterungen:
• Stark verbesserte Animation, Übergang, und ziehen Sie die Leistung durch die Einführung von dynamischen Umschalten zwischen festen Frameraten und dynamische Bildraten
• simulieren () wird nun verwendet, um Benutzerereignisse, wie zum Beispiel Klick, Mousemove, Mouseover, etc. Wenn Ereignisse simuliert werden, können sie sprudeln die Node-Baum zu simulieren.

Was ist neu in Version v3.10.4:

• New toImage () -Methode konvertiert einen beliebigen Knoten in ein Bild zum Zweck der Zwischenspeicherung, die Zeichnungsleistung (bis zu 4x schneller für einfache Formen) erheblich verbessern können
• New applyFilter () -Methode, die Sie Filterlogik auf Bilder anwenden können (zB Graustufen, Umkehren Farben, etc.)
• toDataURL können nun synchron mit Ebenen, Gruppen und Formen verwendet werden. Bühnen toDataURL () ist immer noch asynchrone
• Auf attr Wechsel-Handler Event-Objekt enthält nun oldVal und newVal Immobilien
• speichereDaten () auf saveImageData () und cleardata () geändert hat, um clearImageData (geändert)
• saveImageData () und clearImageData () jetzt mit einem Knoten arbeiten, einschließlich der Bühne, Schichten und Gruppen
• Neu auf beforeAttrChange Event-Handler, die unmittelbar vor der Einstellung ein Attribut (im Gegensatz zu auf attrChange, die unmittelbar nach einem attr aktualisiert feuert) feuert

Was ist neu in Version v3.10.3:

• New inheritiance Modell, das Sie leichter erweitern zu können oder benutzerdefinierte Methoden in den Klassen Kinetic
• Neu Text Zeilenumbruch Unterstützung '& # x5C; n'
• New clone-Methode, die jede Kinetic Objekt klont, einschließlich benutzerdefinierten Ereignis-Listener für das Objekt
• getIntersections können nun von jedem Container aufgerufen werden, einschließlich Gruppen und Schichten.
• Stark verbesserte Sprite-Animation Leistung durch Einhängen in die globale Animationsobjekt

Anforderungen :

• JavaScript auf Client-Seite aktivieren
• HTML 5 im Browser aktiviert sein