dojox/gfx/fx.js

• Provides:

  • dojox.gfx.fx

• Requires:

  • dojox.gfx.matrix in common

• dojo

  • alias - dojo

• dojox.gfx

  • alias - dojox.gfx

• dojox.gfx.matrix

  • alias - dojox.gfx.matrix

• dojox.gfx.fx.animateStroke

  • parameters:
    • args: (typeof Object)
  • returns

    dojo.Animation

  • summary

    Returns an animation which will change stroke properties over time

  • example

    	dojox.gfx.fx.animateStroke{{
    		shape: shape,
    		duration: 500,
    		color: {start: "red", end: "green"},
    		width: {end: 15},
    		join:  {values: ["miter", "bevel", "round"]}
    	}).play();

  • type

    Function

• dojox.gfx.fx.animateFill

  • parameters:
    • args: (typeof Object)
  • returns

    dojo.Animation

  • summary

    Returns an animation which will change fill color over time.
    Only solid fill color is supported at the moment

  • example

    	dojox.gfx.fx.animateFill{{
    		shape: shape,
    		duration: 500,
    		color: {start: "red", end: "green"}
    	}).play();

  • type

    Function

• dojox.gfx.fx.animateFont

  • parameters:
    • args: (typeof Object)
  • returns

    dojo.Animation

  • summary

    Returns an animation which will change font properties over time

  • example

    	dojox.gfx.fx.animateFont{{
    		shape: shape,
    		duration: 500,
    		variant: {values: ["normal", "small-caps"]},
    		size:  {end: 10, units: "pt"}
    	}).play();

  • type

    Function

• dojox.gfx.fx.animateTransform

  • parameters:
    • args: (typeof Object)
  • returns

    dojo.Animation

  • summary

    Returns an animation which will change transformation over time

  • example

    	dojox.gfx.fx.animateTransform{{
    		shape: shape,
    		duration: 500,
    		transform: [
    			{name: "translate", start: [0, 0], end: [200, 200]},
    			{name: "original"}
    		]
    	}).play();

  • type

    Function

• dojox.gfx.fx

  • type

    Object

• dojox

  • type

    Object