Help us understand the problem. What is going on with this article?

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

More than 5 years have passed since last update.

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('縮小終わり');
            }
        });
    }
ms2sato
何でも屋だが、最近はRails中心。JavaScript好き。レビューやタスク分解が多くて近頃仕事ではコード書けていない。仕事でもプライベートでもコラボできる人が常に欲しい人。 会社では人を育てるの中心で https://circlearound.co.jp/training/ こんなのやってます。 独り言はこっち https://ms2sato.circlearound.co.jp
https://circlearound.co.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away