Release Schedule

5.0.2 Late Mar 2014

• New Features
  • new FastLayer for ultra fast rendering. If you don't need node nesting, mouse and touch interactions, or event pub/sub, you should use FastLayer instead of Layer to create your layers. It renders about 2x faster than normal layers.
• Bug Fixes
  • when users have a browser zoom not equal to 100%, the stage now renders correctly
  • drag and drop on Android now works much better
  • Fix memory leak on stage destroy
  • hasShadow now works correctly after setting shadowEnabled attribute
  • clone method doesn't clone id attribute
• Enhancements
  • Animations are now much much smoother. Made several optimizations in the Animation class.
  • improved mobile drag and drop performance
  • Now you can change frame rate of sprite during animation
  • HammerJS support for KineticJS nodes.
  • Experimental NodeJS support
  • isRunning function for Sprite
  • optional filter function for getChildren method
• Pending
  • verify that tween.play() multiple times does not generate multiple tweens
  • for attrs that require a width and height, or x and y, enable overloaded for these cases only.
  • multiple tween perf issue https://github.com/ericdrowell/KineticJS/issues/539
  • investigate out of sync tween behavior of clown lab
  • size() doesn't work

5.0.3 Late Apr 2014

• Pending
  • node.fire('foo.bar') does not work if you fire an event with a namespace. this hsould trigger node.on('foo'), node.on('foo.bar'), and node.on('.bar');
  • support both rotation() and rotationDeg
  • layer.show() hide() causes mouseout and contentMouseout events. maybe we shouldn't physically remove the layer from the dom (maybe try visibility hidden instead)
  • add array handler builders to Util class for Line and Sprite. Kinetic.Util.addPointsHandlers(Kinetic.Line);
  • shape.size() doesn't work. overloader is probably not hooked up.
  • it's not possible to define custom filters because of the Node dependency order issue https://github.com/ericdrowell/KineticJS/issues/796#issuecomment-34138750 Need to come up with a clean way to solve this.
  • iOS image squash bug https://github.com/ericdrowell/KineticJS/pull/654#issuecomment-27648187
  • pixel ratio issue with cache https://github.com/ericdrowell/KineticJS/issues/750
  • if line points are undefined, you get a js error
  • drag and drop layer issues. high priority https://github.com/ericdrowell/KineticJS/issues/404#issuecomment-23283575
  • text defaults are pretty terrible. Should default to black color, etc.
  • consider creating new fill priority, 'rgb' and 'hsv' to handle rgb and hsv components
  • provide config option to only apply shadows to the fill, and to apply opacity to both fill and stroke without the buffer canvas, for perf reasons.
  • investigate making toImage() synchronous like filters. Also look into stage.toDataURL
  • cornerRadius should work for Line, and all shapes. When shapes have cornerRadius defined, it should use the Line algorithm. Shapes dependent on this would be Rect, Wedge, Line (Spline), Polygon (Blob) close this pull request when done: https://github.com/ericdrowell/KineticJS/pull/158
  • replace tension with interpolation
  • support rgba with util color getter
  • new HSVcolor components
  • docs overview section

Eventually

• Pending
  • 3rd party plugins links. crosshair: https://github.com/ericdrowell/KineticJS/pull/723
  • see if it's possible to force subscribe on events to improve performance
  • unit test for https://github.com/ericdrowell/KineticJS/pull/676
  • new distortion transform based on https://github.com/ericdrowell/KineticJS/pull/514
  • unit test for filter applied to image with set width and height https://github.com/ericdrowell/KineticJS/commit/0c38e3cf391e80195af29bc2b75e3e967748c62b
  • node.js support https://github.com/ericdrowell/KineticJS/pulls?direction=asc&page=1&sort=created&state=open
  • create unit test for toJSON change https://github.com/ericdrowell/KineticJS/pull/661
  • clipping regions + shadows causes JS error https://github.com/ericdrowell/KineticJS/issues/620#issuecomment-25640920
  • remove animation._handleAnimation. make sure only one RAF is active at a time.
  • create web worker system for expensive operations (i.e. pixel manipulations
  • move opacity and shadow logic from shape level to container level. Otherwise, when applying opacity or shadows to a container level, the result is not correct
  • need to support id arrays for clone use case.
  • Animations should hook into clip region. https://github.com/hugo-agbonon/KineticJS/commit/28856e7ba739cb5058466b1169e72d6f54926764
  • when dragging and dropping, render the hit graph, but do not fire mouse events. This enables people to write custom collision detection algos. Also, it is currently not possible to detect mouse events on shapes that are animating
  • multi touch causes js error https://github.com/ericdrowell/KineticJS/issues/449
  • jsdom support (easy change) https://github.com/ericdrowell/KineticJS/pull/190
  • add() should work like moveTo() if the node has already been added to stage https://github.com/ericdrowell/KineticJS/issues/426 https://github.com/ericdrowell/KineticJS/issues/434
  • if cropping an image, auto set width and height if width and height aren't set. Otherwise, the image width and height is defaulted to the original image width and height
  • need a public node.setTransform() method, and possibly also a node.setAbsoluteTransform() method https://github.com/ericdrowell/KineticJS/pull/566
  • mouse events don't work with strokeScaleEnabled https://github.com/ericdrowell/KineticJS/issues/530
  • enable multiple names per node https://github.com/ericdrowell/KineticJS/issues/375
  • an array for ids or not? https://github.com/ericdrowell/KineticJS/issues/375
  • drag and drop + moveTo https://github.com/ericdrowell/KineticJS/issues/122
  • applying filters to a resized image has the wrong result https://github.com/ericdrowell/KineticJS/pull/157
  • toDataURL generates black background for jpg mimetype (this was fixed before). Moved the manual tests to unit tests. Will need to update these tests as well
  • moveTo() needs to reassign animation nodes
  • circle radius of zero still renders https://github.com/ericdrowell/KineticJS/issues/372
  • destroy() needs to also remove event handlers etc.
  • stage.clone() doesn't work correctly https://github.com/ericdrowell/KineticJS/issues/707
  • ability to access a node's tweens. Maybe even support tween selectors.
  • create special animation mechanism when the layer only contains sprites https://github.com/ericdrowell/KineticJS/issues/700
  • Kinetic.Text() with no config throws exception
  • consider enabling an array of nodes for a tween. It would be interesting to be able to tween the same properties of multiple nodes with a single tween.
  • need to rework opacity mechanism. if you have two shapes layered on top of eachother inside of a layer, and you set the layer opacity to 0.5, you'll be able to see the bottom shape below the top shape, because 0.5 was applied to each shape individually. This is incorrect.
  • need a full build, core build, filters build, shapes build, and plugins build
  • ability to tween multiple nodes with a single tween to ensure that the nodes are tweened together
  • tween setAttr, removeAttr, setDuration, setEasing, etc.
  • tween color stops
  • fill pattern which is offset and has no-repeat option has distorted edges. https://github.com/ericdrowell/KineticJS/issues/277#issuecomment-13536935
  • event object continues to bubble past the canvas when cancelBubble = true
  • animations keep running after changing tabs https://github.com/ericdrowell/KineticJS/issues/179
  • JS error when dragging from one stage into another stage
  • auto handle listening = true/false for performance https://github.com/ericdrowell/KineticJS/issues/483#issuecomment-18832158
  • would be cool if the custom hit region could use Kinetic.Shapes so you don't have to simulate them.
    example use case: draw a line that's 1 px thick, but draw a hit graph thats 5px thick
  • new Arrow plugin
  • need a getTextLines() method which returns the textArr property
  • new positionFunc method that works like dragFunc, except for positioning.
  • create special test suite for different custom build combos
  • clean up Path and TextPath code + docs
  • consider creating stage pannable property
  • multiple tweens on the same node seems broken in the manual tests. see 'simple tween' test
  • it appears that most browsers support drawImage(svg) which would perform much better than the Path shape. look into this http://stackoverflow.com/questions/17581415/does-kineticjs-have-library-support-for-svg
  • possibly rethink sprite. should it work more like tween? play and reverse? seek? etc.
  • getWidth() getHeight() for all shapes where possible (https://github.com/ericdrowell/KineticJS/issues/525)
  • auto shape caching? requires a getWidth() and getHeight() to crop the image
  • investigate custom fonts
  • rect rounded corners can accept an array. images should also be able to use rounded corners
  • Label corner radius
  • Anchor plugin
  • nodejs support
  • new Glow filter
  • Text gradients and patterns
  • take a second look at extend() https://github.com/ericdrowell/KineticJS/pull/497
  • text vertical align (have to get this in because a lot of people need it)
  • latest version of FF fails sometimes with image onload, may consider using try catch - https://github.com/ericdrowell/KineticJS/issues/285
  • right and middle click should not trigger drag and drop
  • off() with no param should remove all listeners https://github.com/ericdrowell/KineticJS/issues/229
  • investigate Sprite image hit region using an image source with transparent pixels
  • investigate true collision detection. Lots of people need this
  • accelerated canvas support / CocoonJS https://github.com/ericdrowell/KineticJS/issues/225
  • attrs could also be set to functions to improve flexibility https://github.com/ericdrowell/KineticJS/issues/533
  • investigate applying opacity at container and shape level, rather than just the shape level with abs opacity. This will enable better grouping opacity support
  • stroke patterns and gradients just like fill. Also need to update stroke tutorial with color stroke, pattern stroke, and dashed stroke
  • text path drag and drop
  • toDataURL() needs to handle case where no layer has been added https://github.com/ericdrowell/KineticJS/pull/159
  • create memory test page and make sure that node removal reduces memory footprint
  • enhance AMD support by wrapping entire Kinetic namespace in define()
  • getChildren should have some filtering smarts https://github.com/ericdrowell/KineticJS/issues/313
  • events, and drag and drop no longer works when container element is scaled with CSS3
  • new once() method
  • ability to blend shapes together, i.e. composites such as multiply
  • mousewheel click and scroll support
  • investigate adding stage management methods to the Kinetic namespace
  • cloak and uncloak methods to hide and show shapes while still listening. or have a listening type, cloak, ghost, or normal
  • .add([node1, node2, node3, node4])
  • MSGesture and MSPointer events for IE10
  • true multi touch
  • full screen mode
  • touchHold event
  • Cascading Font: https://github.com/ericdrowell/KineticJS/issues/560
  • Minification friendly code: https://github.com/ericdrowell/KineticJS/issues/331
  • Animation and FRAF + use more than one instance: https://github.com/ericdrowell/KineticJS/issues/494
  • Node proportion sync: https://github.com/ericdrowell/KineticJS/issues/225