Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.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
Javascript 如果正确加载源图像,CropperJS将预览给定的0px x x 0px维度_Javascript_Html_Crop_Preview_Cropperjs - Fatal编程技术网

Javascript 如果正确加载源图像,CropperJS将预览给定的0px x x 0px维度

Javascript 如果正确加载源图像,CropperJS将预览给定的0px x x 0px维度,javascript,html,crop,preview,cropperjs,Javascript,Html,Crop,Preview,Cropperjs,下面的代码片段非常接近我的项目中如何处理CropperJS。CropperJS在一个小型概念验证中工作得非常好,但我发现至少在我的项目中,预览没有正确显示。进一步的测试表明,如果我在加载时提供了一个无效的图像,然后更改了图像的来源,那么我可以让预览正常工作。但是,如果在CropperJS接管时正确加载了图像,则预览根本不会显示,每个预览的宽度和高度都为0px。强制预览在“元素检查器”中具有较大的尺寸会显示预览元素已正确加载图像,但仍会强制尺寸使其不可见 我的问题是: 这是什么原因造成的 这是我

下面的代码片段非常接近我的项目中如何处理CropperJS。CropperJS在一个小型概念验证中工作得非常好,但我发现至少在我的项目中,预览没有正确显示。进一步的测试表明,如果我在加载时提供了一个无效的图像,然后更改了图像的来源,那么我可以让预览正常工作。但是,如果在CropperJS接管时正确加载了图像,则预览根本不会显示,每个预览的宽度和高度都为0px。强制预览在“元素检查器”中具有较大的尺寸会显示预览元素已正确加载图像,但仍会强制尺寸使其不可见

我的问题是:

  • 这是什么原因造成的
  • 这是我的错吗(即我应该在他们的GitHub上提交问题吗)
我是StackOverflow的新手,所以如果您需要任何其他信息,请告诉我,我会尽快回复

一些工作预览示例的来源:

var croperjs=window.croper
var image=document.getElementById('cropperImage')
var croper=new croperjs(图像{
方面:1/1,
查看模式:2,
预览:document.getElementById('preview'),
})
img{
最大宽度:100%;
}
img预览{
溢出:隐藏;
宽度:250px;
高度:250px;
}

主裁剪画布应显示在此处:
预览应显示在此处: