在Jcrop中设置图像的自定义高度和宽度后,可以通过以下步骤获得图像的原始高度和宽度:
<img src="your_image.jpg" id="cropImage" />
$(function() {
$('#cropImage').Jcrop({
aspectRatio: 3/2, // 设置宽高比为3:2
setSelect: [0, 0, 300, 200] // 设置选择区域的初始位置和大小
});
});
$(function() {
$('#cropImage').Jcrop({
aspectRatio: 3/2,
setSelect: [0, 0, 300, 200],
onChange: function(cropData) {
var originalWidth = cropData.w / 300 * $('#cropImage').width();
var originalHeight = cropData.h / 200 * $('#cropImage').height();
console.log("原始宽度:" + originalWidth);
console.log("原始高度:" + originalHeight);
}
});
});
在上述代码中,通过将选择区域的宽度和高度与图像元素的实际宽度和高度进行比例计算,可以得到图像的原始高度和宽度。可以根据实际需求进行进一步处理或展示。
关于Jcrop的更多详细信息和用法,可以参考腾讯云的相关产品JCrop介绍页面:JCrop产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云