Javascript 如果正确加载源图像,CropperJS将预览给定的0px x x 0px维度
下面的代码片段非常接近我的项目中如何处理CropperJS。CropperJS在一个小型概念验证中工作得非常好,但我发现至少在我的项目中,预览没有正确显示。进一步的测试表明,如果我在加载时提供了一个无效的图像,然后更改了图像的来源,那么我可以让预览正常工作。但是,如果在CropperJS接管时正确加载了图像,则预览根本不会显示,每个预览的宽度和高度都为0px。强制预览在“元素检查器”中具有较大的尺寸会显示预览元素已正确加载图像,但仍会强制尺寸使其不可见 我的问题是:Javascript 如果正确加载源图像,CropperJS将预览给定的0px x x 0px维度,javascript,html,crop,preview,cropperjs,Javascript,Html,Crop,Preview,Cropperjs,下面的代码片段非常接近我的项目中如何处理CropperJS。CropperJS在一个小型概念验证中工作得非常好,但我发现至少在我的项目中,预览没有正确显示。进一步的测试表明,如果我在加载时提供了一个无效的图像,然后更改了图像的来源,那么我可以让预览正常工作。但是,如果在CropperJS接管时正确加载了图像,则预览根本不会显示,每个预览的宽度和高度都为0px。强制预览在“元素检查器”中具有较大的尺寸会显示预览元素已正确加载图像,但仍会强制尺寸使其不可见 我的问题是: 这是什么原因造成的 这是我
- 这是什么原因造成的
- 这是我的错吗(即我应该在他们的GitHub上提交问题吗)
var croperjs=window.croper
var image=document.getElementById('cropperImage')
var croper=new croperjs(图像{
方面:1/1,
查看模式:2,
预览:document.getElementById('preview'),
})
img{
最大宽度:100%;
}
img预览{
溢出:隐藏;
宽度:250px;
高度:250px;
}
主裁剪画布应显示在此处:
预览应显示在此处: