canDo.js-Transform-Scale

by dtex

HTML

<script src="http://dtex.github.io/canDo.js/js/canDo.min.js"></script>
<script src="http://dtex.github.io/canDo.js/js/jsLogo.js"></script>
<canvas id="demo" width="320" height="320">This text is displayed if your browser does not support HTML5 Canvas.</canvas>

JavaScript

var scale = CanDo('demo', {
    frameRate: 30,
    duration: 2000,
    events: {
        mouseover: function () {scale.play({speed:1});},
        mouseout: function () {scale.play({speed:-1});}
    },
    paint: function() {
        this.identity();
        this.clearRect(0, 0, 320, 320);
        this.canDo('scale', [
            {
            params: [0.5, 0.5],
            cuePoint: 0},
        {
            params: [1.5, 1.5],
            cuePoint: 0.5,
            easing: 'easeInOutQuad'},
        {
            params: [0.5, 0.5],
            cuePoint: 1.0,
            easing: 'easeInOutQuad'}
        ]);
        drawJSLogo(this);
    }
});