解决Cropperjs图片裁剪在IE内核浏览器兼容问题

2024-10-21 17:51:01

1、第一步,明确兼容问题所在。如下图可见,图片上传之后再浏览器里面显示非常小,明显不符合需求。

解决Cropperjs图片裁剪在IE内核浏览器兼容问题

2、第二步,打开浏览器的开发者调试工具,查询DOM元素样式,显示宽200高100,找到问题所在。

解决Cropperjs图片裁剪在IE内核浏览器兼容问题

4、第四步,继续查询options.minContainerWidth和options.minContainerHeight,可以发现设置的值是200和100,正是在浏览器里面显示的样式。

解决Cropperjs图片裁剪在IE内核浏览器兼容问题

7、第七步,写Bug不易,如果此篇经验帮到了你,辛苦大哥哥大姐姐们投票、点赞、打赏支持一下,谢谢支持!

解决Cropperjs图片裁剪在IE内核浏览器兼容问题
猜你喜欢