アプリなどを開発するブログ

React Native / Swift / Ruby on Railsなどの学習メモ。


JS + canvasで画像アップロード前にファイル容量を落とす

iPhoneの画像回転問題なども吸収してくれるライブラリ github.com

matz.hatenablog.jp

iPhone / Android などで、ファイルの容量制限はあるか?

iPhoneの場合

こちらのページによると、 Large canvas dimensions don't render on iOS Safari · Issue #476 · paperjs/paper.js · GitHub

以前は以下がappleの公式サイトに記載されていたようですが、現在は記載されていません。

キャンバス要素の最大サイズは、RAMが256 MB未満のデバイスでは3メガピクセル、256 MB以上のRAMでは5メガピクセルです。

記載されていたとされるのは以下のページ。
developer.apple.com

paperjsの投稿は2014年5月のもので、当時最新OSはiOS7。
現在の最新はiOS10 (もうすぐiOS11) で、サイズ制限はすでになくなったと考えていいのかな?

TODO

実機で確認してみる必要がある。

参考になりそうなページ

iOS上のブラウザでの画像サイズ制限。 - freefielder.jp 少し古い情報だけど参考になりそう。

iOSにおけるリソース制限 - console.lealog();