Release Schedule

5.1.1 Mid August 2014

• Bug Fixes
  • Correct stage resizing with FastLayer
  • batchDraw method for FastLayer
  • Correct mouseover/mouseout/mouseenter/mouseleave events for groups
  • cache node before adding to layer
  • intersects function now works for shapes with shadow
• Enhancements
  • npm package. See https://github.com/ericdrowell/KineticJS#installation
  • much better dragging performance
  • browserify support
  • applying opacity to cached node
  • remove all events with node.off()
  • mouse dragging only with left button
  • opacity now affect cached shapes
  • Label corner radius
  • smart changing width, height, radius attrs for circle, start, ellipse, ring.
  • mousewheel support. Thanks @vmichnowicz
  • new Arrow plugin
  • multiple names: node.name('foo bar'); container.find('.foo'); (thanks @mattslocum)
  • Container.findOne() method. (thanks @pronebird)
• Pending

  • reinvestigate tween and animation performance. Sometimes it still looks jerky.

  • for attrs that require a width and height, or x and y, enable overloaded for these cases only.

  • investigate out of sync tween behavior of clown lab

  • change layer while dragging. https://github.com/ericdrowell/KineticJS/issues/601#issuecomment-51738000

  • 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');

  • 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

5.1.2 Late September 2014

• Pending
  • 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.
  • 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
  • support rgba with util color getter
  • new HSV color components (deprecate HSL?)
  • new interpolation attr for Line that interpolates the lines rather than adding a tension (the two attrs can be used together if desired)
  • clipping regions + shadows causes JS error
  • 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
  • mouse events don't work with strokeScaleEnabled https://github.com/ericdrowell/KineticJS/issues/530
  • off() with no param should remove all listeners https://github.com/ericdrowell/KineticJS/issues/229
  • auto handle listening = true/false for performance https://github.com/ericdrowell/KineticJS/issues/483#issuecomment-18832158

Eventually

• Pending
  • docs overview section
  • consider creating new fill priority, 'rgb' and 'hsv' to handle rgb and hsv components
  • 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
  • create unit test for toJSON change https://github.com/ericdrowell/KineticJS/pull/661 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)
  • 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
  • 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
  • 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.
  • 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
  • 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
  • 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
  • Anchor plugin
  • 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
  • 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
  • create memory test page and make sure that node removal reduces memory footprint
  • enhance AMD support by wrapping entire Kinetic namespace in define()
  • 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
  • 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