停止裁剪图像外部的裁剪器js
Stop crop for cropper js outside the image
当用户在裁剪时将光标拖出图像时,需要停止裁剪。
我的问题是,一旦用户移出图像并返回,裁剪的角就会远离光标。这是不应该发生的
下面是我创建的简单示例。
<link rel="stylesheet" href="https://fengyuanchen.github.io/cropper/css/cropper.css">
<link rel="stylesheet" href="https://fengyuanchen.github.io/cropper/css/main.css">
<div class="img-container">
<img src="https://fengyuanchen.github.io/cropper/images/picture.jpg" alt="" class="">
</div>
<script type="text/javascript" src="https://fengyuanchen.github.io/cropperjs/js/cropper.js"></script>
<script type="text/javascript" src="https://fengyuanchen.github.io/cropperjs/js/main.js"></script>
您可以通过将viewMode设置为1(默认= 0)来实现这一点
使用jQuery cropper插件的例子:
var $image = $("#PreviewImage");
$image.cropper({
viewMode: 1,
crop: function(event) {
// do something
}
});
相关文章:
- Facebook JS SDK 发布的照片被裁剪
- 如何使用画布和动态.js裁剪图像
- 裁剪后的图像大于 coppit.js 中以像素为单位的内在大小
- CSS / JS调整大小/裁剪图库中的图像
- 裁剪图像处理.js
- fabric js - 根据画布中添加的矩形调整完整画布的大小以实现裁剪
- 在 Node JS 下调整图像大小和裁剪时出现问题
- 如何使用Angular.js添加裁剪图像
- Fabric.js基于svg的多重裁剪
- 搜索js图像裁剪插件,无需jquery
- 如何使用裁剪图像使用croppie js php和使用它
- Html5, js和css3图像裁剪工具
- 在fabric Js画布的一个裁剪部分中有多个对象
- 使用JS和PHP裁剪和旋转图像
- Wordpress图像裁剪器JS错误
- 如何在basil.js中剪切/裁剪图像并复制
- 停止裁剪图像外部的裁剪器js
- filepicker.io JS API v2使用裁剪UI在pick调用之后转换调用时出现错误142
- 使用node.js时ImageMagic裁剪大小不正确
- 如何在ejs和Node.JS中裁剪和上传图像