HTML5・Canvasを使って画像縮小したいならcanvasResizeがいい感じ

http://qiita.com/ms2sato/items/c3cb0075138ade865bc2
にて困っていたら@kuboonさんがフォローくれました。ありがとうございます！

https://github.com/gokercebeci/canvasResize
こいつが便利なのはクロスブラウザをそれなりにしてくれている事と、MobileSafariでのバグ対応を入れてくれている事だと思います。
http://gokercebeci.com/dev/canvasresize
で試す事も出来ます。

ザックリ下記のように使える。

        <script src="js/lib/binaryajax.js"></script>
        <script src="js/lib/exif.js"></script>
        <script src="js/lib/canvasResize.js"></script>

しておいて例えば下記。

var file = //fileインスタンス
canvasResize(file, {
            width: 280,
            height: 280,
            crop: false,
            quality: 100,
            callback: function(data, width, height) {
                alert('縮小終わり');
            }
        });
    }