Articles having tag: KINETICJS

3.5.4 HTML5 Canvas KineticJS Shadows

To apply shadows withKineticJS, we can set the shadow property when we instantiate a shape, or we can use thesetShadow()method. Shadows can be defined with a color, blur, offset, and alpha.

3.1.4 HTML5 Canvas KineticJS Sprite Tutorial

By Eric Rowell

To create a sprite animation withKineticJS, we can use theKinetic.Sprite()constructor which requires the following config object:

3.1.6 HTML5 Canvas KineticJS Line Tutorial

By Eric Rowell

To create a solid, dashed, or dotted line withKineticJS, we can use theKinetic.Line()constructor which requires the following config object:

3.9.6 HTML5 Canvas Load Stage with JSON String with KineticJS

By Eric Rowell

To save the stage as a JSON string withKineticJS, we can use thetoJSON()method.

3.9.5 HTML5 Canvas Save Stage as JSON String with KineticJS

By Eric Rowell

To save the stage as a JSON string withKineticJS, we can use thetoJSON()method.

3.8.2 HTML5 Canvas Select Shapes by Name with KineticJS

By Eric Rowell

To select shapes by name withKineticJS, we can use theget()method using the.selector.

3.8.1 HTML5 Canvas Select Shape by Id with KineticJS

By Eric Rowell

To select a shape by id withKineticJS, we can use theget()method using the#selector. Theget()method always returns an array of elements, even if we are selecting by id, and can also be used to select layers and groups.

3.7.4 HTML5 Canvas Stop Animation with KineticJS

By Eric Rowell

To stop an animation withKineticJS, we can use thestop()method. We can also restart the animation be again callingstart().

3.1.9 HTML5 Canvas Complex Shapes Using Groups with KineticJS

By Eric Rowell

To create a complex shape with KineticJS, we can group multiple simple shapes together with Kinetic.Group(). Groups can also be used to combine other groups. HTML5 Canvas Complex Shape using Groups Example with KineticJS Open in new window Code Editor...