To drag and drop the entire stage (pan) with KineticJS, we can set the draggable property of the config object to true when the stage is instantiated, or we can use the draggable() method. Unlike drag and drop for other nodes, such as shapes, groups, and layers, we can drag the entire stage the dragging any portion of the stage.
3.3.4 HTML5 Canvas Drag and Drop the Stage with KineticJS
Posted on June 3rd, 2012
by Eric Rowell
3.3.3 HTML5 Canvas Drag and Drop a Line with KineticJS
Posted on June 3rd, 2012
by Eric Rowell
To drag and drop a line with KineticJS, we can set the draggable property of the config object to true when the line is instantiated, or we can use the draggable() method. Since Kinetic lines use pixel detection for event detection, we must also use the saveData() method after a drag and drop operation completes in order to update its pixel data.
3.1.9 HTML5 Canvas KineticJS Path Tutorial
Posted on May 28th, 2012
by Eric Rowell
To create an SVG path with commands using KineticJS, we can use the Kinetic.Path() constructor which requires the following config object:
3.5.4 HTML5 Canvas KineticJS Shadows
Posted on May 21st, 2012
by Eric Rowell
To apply shadows with KineticJS, we can set the shadow property when we instantiate a shape, or we can use the setShadow() method. Shadows can be defined with a color, blur, offset, and alpha.
3.1.4 HTML5 Canvas KineticJS Sprite Tutorial
Posted on May 13th, 2012
by Eric Rowell
To create a sprite animation with KineticJS, we can use the Kinetic.Sprite() constructor which requires the following config object:
3.1.6 HTML5 Canvas KineticJS Line Tutorial
Posted on April 29th, 2012
by Eric Rowell
To create a solid, dashed, or dotted line with KineticJS, we can use the Kinetic.Line() constructor which requires the following config object:
3.9.6 HTML5 Canvas Load Stage with JSON String with KineticJS
Posted on April 24th, 2012
by Eric Rowell
To save the stage as a JSON string with KineticJS, we can use the toJSON() method.
3.9.5 HTML5 Canvas Save Stage as JSON String with KineticJS
Posted on April 24th, 2012
by Eric Rowell
To save the stage as a JSON string with KineticJS, we can use the toJSON() method.
