插件描述：功能非常强大的图片裁剪插件Cropper.js
方法见main.js
//参数
var options = {
aspectRatio: 16 / 9,
preview: '.img-preview',
crop: function (e) {
$dataX.val(Math.round(e.detail.x));
$dataY.val(Math.round(e.detail.y));
$dataHeight.val(Math.round(e.detail.height));
$dataWidth.val(Math.round(e.detail.width));
$dataRotate.val(e.detail.rotate);
$dataScaleX.val(e.detail.scaleX);
$dataScaleY.val(e.detail.scaleY);
}
};
PREVIOUS:
NEXT:
相关插件-图像
jquery.photoClip图片裁剪添加旋转 缩放按钮功能
项目上用的jquery.photoClip 插件，为了更好的用户体验 需要添加 旋转 缩放按钮功能，所以在原有的基础上添加了点功能，希望能帮助各位，写的不好 海涵！
图像
讨论这个项目（12）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
Ｋitty.のバガ 0
2021/1/10 15:25:34
搜索cropper.js 的viewMode: 值 改为3 可避免裁剪到透明部分。 我也有个问题 如何默认裁剪比例？ MAIN.JS的
var options = {aspectRatio: 1 / 1, 改了 没有用啊
邹 0
2020/3/24 21:30:19
-
请问，getCroppedCanvas方法设置了裁切图片的输出宽高，但是实际输出有时会有误差，比如设置了with:100;height:100，实际裁切的图片可能是with:100,height:99，这个怎么解决？
回复
陪伴是最长情的告白 0
2019/4/29 9:35:44
-
功能确实很多呢，，，，口头鼓励
冷光0
2019/6/5 19:48:43
-
我想知道图片缩小后透明部分如何处理？
weiGodY0
2020/7/4 13:54:05
-
同问，图片缩小后的透明部分如何处理
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
