私はユーザーからイメージを取り込み、クロップ操作を実行してbase64
に変換し、それをキャンバスに描画します。クロッピングのために私はjcrop
ライブラリを使用しています。イメージはBase64に変換され、ブートストラップモーダルのキャンバスに表示されません
$(document).on("change","#photograph",function() {
$("#picCrop").modal('show');
$("#views").empty();
image = null;
canvas = null;
alert("canvas"+(canvas==null)+" Image"+ (image==null));
loadImage(this);
$(this).replaceWith('<input id="photograph" type="file" class="form-control">');
});
ここで私はalert("canvas"+(canvas==null)+" Image"+ (image==null));
ことなく、画像が大きい画像の場合には、私が警告ボックスのボタンを押す前にいくつかの時間を待っている場合にのみレンダリング取得され、キャンバス上に表示されていない、問題に直面しています。
フィドルリンク:https://jsfiddle.net/govi20/spmc7ymp/5/(結果を確認するためにalert
行をコメントアウト)