Resizable animation example

This is an example of using JSani's resizeAnim method to resize a JSani animation. jQuery UI's resizable() widget has been applied to the JSani animation, i.e.,

var animation_1 = $("#animation_1").jsani({ JSani options }).resizable({ resize: function(event, ui) { animation_1.jsani("resizeAnim", ui.size.width, ui.size.height); } });

in such a way that as jQuery resizes the animation due to the user dragging the resize handle in the lower right of the animation, JSani's resizeAnim method is called to resize the animation.

The form below shows another example of how to use the resizeAnim method to resize an animation.

Animation Size: