Bug fixes:
· Kinetic.Text events are now working correctly.
· Fixed scaling issue when drawing directly onto a layer canvas on mobile devices with a pixelRatio > 1.
· Wedge clockwise property is now correctly defaulted to false.
· Pixel ratio optimization to sharpen text and image rendering on devices with a pixel ratio > 1
· New Wedge shape
· AMD support
· Fill patterns can now be translated, rotated, scaled, and offset, similarly to nodes
· Changed createImageBuffer() to createImageHitRegion() for consistency.
New Features:
· Brighten filter (Thanks for getting this started Witali Mik!)
· Invert filter
· fire() method fires synthetic events without event bubbling
· Animation objects now contain frameRate property for convenience
Enhancements:
· Greatly improved animation, transition, and drag and drop performance by introducing dynamic switching between fixed frame rates and dynamic frame rates
· simulate() method is now used to simulate user events, such as click, mousemove, mouseover, etc. When events are simulated, they can bubble up the Node tree.
· New toImage() method converts any node into an image for the purpose of caching which can greatly improve drawing performance (as much as 4x faster for simple shapes)
· New applyFilter() method which enables you to apply filter logic to images (e.g. grayscale, inverting colors, etc.)
· toDataURL can now be used synchronously with layers, groups, and shapes. Stage toDataURL() is still asynchronous
· On attr change handler event object now contains oldVal and newVal property
· saveData() has changed to saveImageData(), and clearData() has changed to clearImageData()
· saveImageData() and clearImageData() now work with any node, including the stage, layers, and groups
· New on beforeAttrChange event handler which fires immediately before setting an attribute (in contrast to on attrChange, which fires immediately after an attr is updated)
· New inheritiance model which enables you to more easily extend or add custom methods to Kinetic classes
· New Text newline support '\n'
· New clone method which clones any Kinetic object, including the object's user defined event listeners
· getIntersections can now be called from any Container, including Groups and Layers.
· Greatly improved Sprite animation performance by hooking into the global animation object
· Text automatic wordwrap is now supported based on width and height properties
· new Text lineHeight property
· Text boxes can now have rounded corners
· Text width and height properties now define the text box width and height
· new Text getBoxWidth() and getBoxHeight() return the text box dimensions
· Text align property now reffers to the text alignment inside of the text box. The verticalAlign property has been removed
· Text shape detection type is now defaulted to path.
· new clearBeforeDraw layer attribute which allows you to skip layer clearing on each draw
· +7% faster drawing performance
· Circle has been renamed to Ellipse to indicate that it's radius can have an x and y component which enables ovals. Kinetic.Circle references Kinetic.Ellipse for backwards compatibility
· Fill image can now be scaled to simulate crop sizing
· draggable() changed to setDraggable() and added getDraggable()
· listen() method changed to setListening(), isListening() changed to getListening(), and listen property changed to listening
· Can now cancel drag and drop during a drag and drop operation using setDraggable(false);
· All layer draws succeed if the layer throttle is greater than 200fps
Bug fixes:
· mousemove events are now correctly detected
· Path setData() now works correctly
· New event driven architecture which enables you to subscribe to attr changes.
· New isListening() Node method.
· Node centerOffset property has been changed to offset for consistency.
· SVG Path now supports every path command according to the W3C spec.
· Fixed memory leak issue when removing nodes from the stage.
· Simple setters and getters are now dynamically unpacked at run time to reduce the JS file size.
· New Path commands, tap event, simulate method, enhancements and bug fixes.
· New SVG Path shape that enables you to draw complex renderings with an SVG Path command string
· New stage throttle property which enables you to throttle event detections up or down for mousemove and touchmove. This greatly improves event detection performance for stages with tens of thousands of complex shapes
· New stage drag and drop support which enables stage panning
· New chaining support for add() and remove(). e.g. layer.add(rect).add(circle).remove(square);
· Ahadows can now be applied to images and sprites, even if they have transparent pixels
· Removed applyStyles(). added fill(), stroke, fillText(), strokeText(), and drawImage() methods which automatically handles shadows.
· Unflattened shadow property and made it into an object. e.g. shadowColor is now shadow.color
· setAttrs() method is much more flexibile by enabling partial object writing. e.g. setAttrs({shadow: {color: 'blue'}, x: 100});
· Refactored several private methods in the global object
· New shadow alpha property which enables transparent shadows
· Shadows can now be applied to text fills, strokes, and background boxes
· Linear and radial gradients can now have any number of color stops.
· hrottle property is now in frames per second
· Star points property is now numPoints
· fillStroke() method of Kinetic.Shape changed to applyStyles() which handles fills, shadows, and strokes
· setDefaultAttrs() no longer overrides attrs that were defined in a custom class that extends a Kinetic class
· Line shapes are now defaulted with pixel detection since path detection is not desireable
· Fixed animation race condition that sometimes produced multilpe requestAnimFrame calls
· Fixed bug with getTextSize() that caused a JS error if used before adding text to the stage
· New Kinetic.Sprite shape which enables you to create animated sprites.
· New shadow support for all Shapes
New:
· Kinetic.Line Shape
· beforeDraw() and afterDraw() Layer event handler methods
· Throttle property for Layer which significantly improves animation, transition, and drag and drop performance.
· .get() node type selector. For example, to select all of the shapes inside of a group, use group.get('Shape'). To select all of the groups inside of a stage, use stage.get('Group').
· cornerRadius property of Kinetic.Rect which enables rounded corners
· getX() and getY() convenience methods
· Cropping property of Kinetic.Image
· stage.getIntersections() method enables you to obtain an array of shapes that intersect a given point
Find us on Google+
