30

JCropで選択ボックスのサイズを修正する方法を見つけようとしています。ドキュメントには、初期選択領域を設定する方法が記載されていますが、固定サイズにする方法は記載されていません。どうすれば修正できるか知っている人はいますか。前もって感謝します。

http://deepliquid.com/content/Jcrop_Manual.html

4

7 に答える 7

37

基本的に API セクションを探しています。このプラグインを自分自身で広く使用してきたので、あなたが探しているものを正確に知っています。

var api;
var cropWidth = 100;
var cropHeight = 100;

$(window).load(function() {

    // set default options
    var opt = {};

    // if height and width must be exact, dont allow resizing
    opt.allowResize = false;
    opt.allowSelect = false;

    // initialize jcrop
    api = $.Jcrop('#objectId', opt);

    // set the selection area [left, top, width, height]
    api.animateTo([0,0,cropWidth,cropHeight]);

    // you can also set selection area without the fancy animation
    api.setSelect([0,0,cropWidth,cropHeight]);

});
于 2010-01-20T15:25:50.127 に答える
14

アスペクト比オプションを使用できます。これにより、正方形の選択が強制されます

$(function(){
    $('#cropbox').Jcrop({
        aspectRatio: 1
    });
});

または、aspectRatio: 16/9 にするとワイド画面になります :-)

于 2009-07-31T05:13:40.553 に答える
14

アスペクト比を小数値として設定できます

$('#jcrop_target').Jcrop({
    setSelect: [0,0,150,100],
    aspectRatio: 150/100
});
于 2010-02-08T21:32:27.967 に答える
6 
aspectRatio: 1,
minSize: [ 100, 100 ],
maxSize: [ 100, 100 ]
于 2012-07-07T22:18:53.333 に答える
6

この例を使用すると、サイズを固定したままにできるはずです。

$(function(){
    $('#jcrop_target').Jcrop({
        onChange: function(){ $(this).setSelect([x, y, x2, y2]); }
    });
});
于 2008-12-06T14:08:05.627 に答える
4

それは驚くほど簡単です...

allowResize: false

例えば

$(function(){
    $("#CropSource").Jcrop({
        aspectRatio: 1,
        setSelect:   [50, 0, 300,300],
        allowResize: false
    });
});
于 2013-05-22T09:49:39.647 に答える
1

こんにちは、これは役立つかもしれません -

<script>
$(window).load(function() {
    var jcrop_api;
    var i, ac;

    initJcrop();

    function initJcrop() {
            jcrop_api = $.Jcrop('#imgCrop', {
            onSelect: storeCoords,
            onChange: storeCoords
            });
            jcrop_api.setOptions({ aspectRatio: 1/ 1 });
            jcrop_api.setOptions({
            minSize: [180, 180],
            maxSize: [180, 250]
        });
        jcrop_api.setSelect([140, 180, 160, 180]);
    };
    function storeCoords(c) {
    jQuery('#X').val(c.x);
    jQuery('#Y').val(c.y);
    jQuery('#W').val(c.w);
    jQuery('#H').val(c.h);
    };        
});
</script>
于 2011-03-09T07:08:12.480 に答える