JCrop塗り潰されていない選択変数

Question

画像を選択すると、（setSelect）メソッドを使用して設定した既定のクロップ領域が既に開いています。クロップ領域を変更せずにクロップを確認すると、画像は作物は私のデータベースにエラーを引き起こす、私はJCropの選択変数を投入していないと思う。私はまた、これらの変数（onSelect：selectcanvas）を塗りつぶすメソッドがあることに気付きましたが、トリミング領域を変更した後にのみ呼び出されます。ここで

は私のJCropスクリプト

$("#canvas").Jcrop({ 
    minSize: [45, 45], 
    maxSize: [1200, 1200], 
    bgColor: 'white', 
    bgOpacity: .2, 
    setSelect: [150, 150, 50, 50], 
    aspectRatio: 1, 
    allowSelect: false, 
    onSelect: selectcanvas, 
    onRelease: clearcanvas, 
    boxWidth: crop_max_width, 
    boxHeight: crop_max_height, 
}, function() { 
    jcrop_api = this; 
}); 
    clearcanvas(); 
} 

とにonSelect方法

function selectcanvas(coords) { 
    prefsize = { 
    x: Math.round(coords.x), 
    y: Math.round(coords.y), 
    w: Math.round(coords.w), 
    h: Math.round(coords.h) 
    }; 
} 

は、いくつかのデフォルト値を持つ変数を起動する方法はありますか？

Answer 1

変更この：これに

$("#canvas").Jcrop({ 
    minSize: [45, 45], 
    maxSize: [1200, 1200], 
    bgColor: 'white', 
    bgOpacity: .2, 
    setSelect: [150, 150, 50, 50], 
    aspectRatio: 1, 
    allowSelect: false, 
    onSelect: selectcanvas, 
    onRelease: clearcanvas, 
    boxWidth: crop_max_width, 
    boxHeight: crop_max_height, 
}, function() { 
    jcrop_api = this; 
}); 
    clearcanvas(); 
} 

：

$("#canvas").Jcrop({ 
    onChange: selectcanvas, 
    onSelect: selectcanvas, 
    onRelease: clearcanvas, 
    minSize: [45, 45], 
    maxSize: [1200, 1200], 
    bgColor: 'white', 
    bgOpacity: .2, 
    setSelect: [150, 150, 50, 50], 
    aspectRatio: 1, 
    allowSelect: false, 
    boxWidth: crop_max_width, 
    boxHeight: crop_max_height, 
}, function() { 
    jcrop_api = this; 
}); 
    clearcanvas(); 
} 

これは、これは確かユーザーが入力した画像を追加したときということになります、あなたの関数が最初に定義されていることを確認しますchangeイベントが呼び出され、変数が初期化されます。