Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 图像裁剪器不裁剪为方形图像_Jquery_Html_Image_Crop_Jcrop - Fatal编程技术网

Jquery 图像裁剪器不裁剪为方形图像

Jquery 图像裁剪器不裁剪为方形图像,jquery,html,image,crop,jcrop,Jquery,Html,Image,Crop,Jcrop,我正在使用图像裁剪器(),而我的裁剪结果不是方形图像。如下图所示: 作物选择 裁剪结果 这是我的html: <input type="hidden" name="dataX" id="dataX"> <input type="hidden" name="dataY" id="dataY"> <input type="hidden" name="dataHeight" id="dataHeight"> <input type="hidden" name=

我正在使用图像裁剪器(),而我的裁剪结果不是方形图像。如下图所示:

作物选择

裁剪结果

这是我的html:

<input type="hidden" name="dataX" id="dataX">
<input type="hidden" name="dataY" id="dataY">
<input type="hidden" name="dataHeight" id="dataHeight">
<input type="hidden" name="dataWidth" id="dataWidth">

*对不起,我的英语是:)

浏览器中的图像比例是否正在更改?例如,为了适应周围的容器。在浏览器中没有更改:(我使用了JCrop,并且工作得很好。JCrop错误在模态引导3.你有什么错误
var $image = $(".dynamic-image img"),
    $dataX = $("#dataX"),
    $dataY = $("#dataY"),
    $dataHeight = $("#dataHeight"),
    $dataWidth = $("#dataWidth");

$image.cropper({
  aspectRatio: 1,
  minContainerWidth:760,
  minContainerHeight:350,
  done: function(data) {
    $dataX.val(data.x);
    $dataY.val(data.y);
    $dataHeight.val(data.height);
    $dataWidth.val(data.width);
  }
});