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 件のコメント:
コメントを投稿