检查浏览器的控制台(Console)以查看是否有任何JavaScript错误。这些错误可能会阻止vue-cropper的初始化或正常渲染。 5. 尝试简化代码至最基础形式,逐步排查可能的问题来源 如果上述方法都不能解决问题,尝试将你的代码简化到最基本的vue-cropper使用示例,并逐步添加其他功能或样式,以确定是哪个部分导致裁剪框不显示。
--vueCropper 剪裁图片实现--><el-dialogtitle="图片剪裁":visible.sync="dialogVisible"append-to-body><vueCropperref="cropper":img="option.img":outputSize="option.size":outputType="option.outputType":info="true":full="option.full":canMove="option.canMove":canMoveBox="option.canMoveBox":origin...
1、导入cropper的时候,需要添加导入样式文件 import'cropperjs/dist/cropper.min.css'2、如果图片用的本...
https://github.com/Agontuk/vue-cropperjsgithub.com/Agontuk/vue-cropperjs 在官网上看到的 ...
图片大小小于vue-cropper这个class设置的宽高时候会缩小,但是如果大于时候就不会放大,transform: scale(1, 1) translate3d(151.225px, 86.5px, 0px) rotateZ(0deg);cropper-box-canvas这个class的scale不会超过1,限制了放大了吗? Contributor hzsrc commented Nov 1, 2018 • edited 通过style.zoom按比例缩放...
你的这个问题解决了么,已经被这问题困扰两天了
所以没有显示出来。百度了很久没有找到结果,突然灵光一闪……不能同时初始化,先img,然后cropper放在...
1、导入cropper的时候,需要添加导入样式文件 import'cropperjs/dist/cropper.min.css'2、如果图片用的本地图片那没关系,直接new Cropper就好。但是如果用的是上传的方式,转换为blob对象加入网页的,一定要等img标签加载完成再进行new。在修改img的src以后加了$nextTick,页面加载后再new Cropper 感觉...