2016年7月6日水曜日

Fabric.js アンドロイドで、写真が表示されない

Fabric.jsを使っています。
パソコンのChromeや、iPhoneでは、正常に動くのに、アンドロイドのブラウザ(Chrome)でのみ、期待通りに動かずに悩んでいます。

input要素で、画像ファイル、または、カメラの映像を取り込むようにしていますが、カメラの映像のみ表示されません。
データは取り込まれていますから、他のタブを見て、再度、対象のタブに戻してやれば表示されます。
カメラの映像ではなく、画像ファイルの指定では問題なく動作します。

html

<input type="file" id="cb-file" style="display:none;" accept="image/*">

js

var reader = new FileReader();
reader.addEventListener("load", (function (evt) {
  fabric.Image.fromURL(evt.target.result, function (oImg) {
    canvas.add(oImg);
  });
}).bind(f[i]));


nexus7では、先に述べた状態で、AQUOS PHONEでは、メモリ不足エラーとなります。

0 件のコメント:

コメントを投稿