【问题标题】:Fixed selection area and stop new selection in jcrop修复了选择区域并在 jcrop 中停止新选择
【发布时间】:2013-01-30 03:37:19
【问题描述】:

我是 jQuery 新手。我正在尝试使用 jcrop 插件裁剪图片。
这是我当前的代码:

jQuery(document).ready(function () {
    var width = '<%=Session["imageWidth"]%>';
    var height = '<%=Session["imageHeight"]%>';

    jQuery('#imgCrop').Jcrop({
        boxWidth: 800, 
        boxHeight: 600,
        onSelect: storeCoords,
        bgColor: 'pink',
        bgOpacity: .6,
        setSelect: [0, 0, width, height],
        aspectRatio: 1
    });

});

function storeCoords(c) {
    jQuery('#X').val(c.x);
    jQuery('#Y').val(c.y);
    jQuery('#W').val(c.w);
    jQuery('#H').val(c.h);
};

这里一切正常,但选择区域可以调整大小。
为了修复选择区域并停止新选择,我应该进行哪些更改?

【问题讨论】:

标签: jquery jcrop


【解决方案1】:

使用此代码

    jQuery(document).ready(function() {
    jQuery('#imgCrop').Jcrop({
        aspectRatio: 1,
        setSelect:   [50, 0, 300,300],
        allowResize: false,
        allowSelect: false,
        onSelect: storeCoords
        });
    });

    function storeCoords(c) {
        jQuery('#X').val(c.x);
        jQuery('#Y').val(c.y);
        jQuery('#W').val(c.w);
        jQuery('#H').val(c.h);
    };

【讨论】:

    猜你喜欢
    • 2018-03-14
    • 2023-03-16
    • 2011-07-26
    • 1970-01-01
    • 2018-01-24
    • 2017-01-17
    • 1970-01-01
    • 2010-09-25
    • 2023-03-12
    相关资源
    最近更新 更多