ユーザーが Jcrop を使用してトリミングと画像を作成できるようにしたいと考えています。jquery-jcrop スマート パッケージをインストールし、パッチを適用して css ファイルと gif ファイルを含めました (そのプロジェクトのプル リクエストを参照してください)。
これで問題はないように見えますが、ユーザーが画像をクリックまたはドラッグすると、決して手放すことができなくなります。最初のドラッグ (またはクリック) から、選択範囲のサイズを調整できますが、マウス ボタンを放しても何も起こらず、マウスを動かすたびに選択範囲のサイズが変化し続けます。
再現するには:
1. mrt create tmp
2. mrt add jquery-jcrop
3. in tmp.html <body>:
<img src="https://www.filepicker.io/api/file/sOrqCDfqSbqkkHbbu1pC"
id="target" />
4. in tmp.js isClient:
Meteor.startup(function() {
$('#target').Jcrop();
});
ここで mrt を実行してページにアクセスすると、目的の動作が表示されます (上記のプル リクエストのパッチがないと、奇妙に見えるかもしれません)。
停止して「mrt add bootstrap」を実行し、再実行すると、上記の問題が表示されます。
jquery、jquery-jcrop、およびブートストラップを使用した Meteor 以外のプロジェクトは問題なく動作することに注意してください。