如何在Jcrop中设置图像的自定义高度和宽度后获得图像的原始高度和宽度

在Jcrop中设置图像的自定义高度和宽度后，可以通过以下步骤获得图像的原始高度和宽度：

首先，确保已经引入了Jcrop的相关文件和库，并在页面中创建一个图像元素，例如：

<img src="your_image.jpg" id="cropImage" />

使用JavaScript代码初始化Jcrop，并设置图像的自定义高度和宽度。假设我们要将图像的高度设置为200px，宽度设置为300px，代码如下：

$(function() {
  $('#cropImage').Jcrop({
    aspectRatio: 3/2, // 设置宽高比为3:2
    setSelect: [0, 0, 300, 200] // 设置选择区域的初始位置和大小
  });
});

在Jcrop的回调函数中，可以通过获取选择区域的坐标和大小来计算出图像的原始高度和宽度。代码如下：

$(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产品介绍。