我要裁剪图像,其中裁剪区域将大于该图像尺寸。我正在使用您的rcrop plugin,效果很好。我遇到的问题是我的图像尺寸为1000x535px,但我想裁剪的图像超过图像尺寸。
例如,我想将图像裁剪为15000x12000px。在这种情况下,插件无法正常工作。 我想要类似croppr.js的东西。这可能吗?基本需求是使用自定义尺寸自定义woocommerce图片
$(document).ready(function() {
$('#image-1').rcrop({
minSize: [1200, 1200],
preserveAspectRatio: true,
grid: true,
preview: {
display: true,
size: [100, 100],
}
});
var $image2 = $('#image-2'),
$update = $('#update'),
inputs = {
x: $('#x'),
y: $('#y'),
width: $('#width'),
height: $('#height')
},
fill = function() {
var values = $image2.rcrop('getValues', inputs.width.val(), inputs.height.val(), inputs.x.val(), inputs.y.val());
console.log(values);
for (var coord in inputs) {
inputs[coord].val(values[coord]);
console.log(values[coord]);
}
}
$image2.rcrop();
$image2.on('rcrop-changed rcrop-ready', fill);
$update.click(function() {
$image2.rcrop('resize', inputs.width.val(), inputs.height.val(), inputs.x.val(), inputs.y.val());
fill();
})
});