我想在这个维度中裁剪图像(900 * 300)..我使用JCrop这是我的代码:
<img src="1434467640.png" id="target" alt="" />
<input type="text" id="x" name="x">
<input type="text" id="y" name="y">
<input type="text" id="w" name="w">
<input type="text" id="h" name="h">
JS:
$(window).load(function() {
var jcrop_api;
var i, ac;
initJcrop();
function initJcrop() {
jcrop_api = $.Jcrop('#target', {
onSelect: storeCoords,
onChange: storeCoords
});
jcrop_api.setOptions({ aspectRatio: 3 });
jcrop_api.setOptions({
allowResize: false ,
minSize: [900, 300],
maxSize: [900, 300]
});
jcrop_api.setSelect([0, 0, 900, 300]);
};
function storeCoords(c) {
jQuery('#x').val(c.x);
jQuery('#y').val(c.y);
jQuery('#w').val(c.w);
jQuery('#h').val(c.h);
};
});
我想限制大图像的最大宽度和最大高度!有一些参数吗?
答案 0 :(得分:4)
您可以通过设置:
设置包含图像的框的最大比例boxWidth: 450, //Maximum width you want for your bigger images
boxHeight: 400, //Maximum Height for your bigger images
如果你想像你一样设置
minSize: [ 900, 300],
maxSize: [ 900, 300]
初始化的整个代码是:
$('#cropbox').Jcrop({
aspectRatio: (900/300), // This should be Width/Height
boxWidth: 800, //Maximum width you want for your bigger images
boxHeight: 600, //Maximum Height for your bigger images
onSelect: updateCoords,
minSize: [ 900, 300 ],
maxSize: [ 900, 300 ]
});
这会将框设置为800x600并且图像在内部缩放。所选区域将精确到900x300像素。祝你好运