运行结果:
发现裁剪框还是可以拖动,放大,新建。这是啥情况？
附上全部代码:
1条回答 默认 最新
CSDN专家-showbo 2021-11-27 17:47关注题主用的这个吗？
https://github.com/fengyuanchen/jquery-cropper/blob/master/README.md
如果是官网的允许拖拽api是cropBoxResizable配置，不是resizable
https://github.com/fengyuanchen/cropperjs#cropboxresizable
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报
分享
1 人已打赏
- 2021-11-15 21:36回答 1 已采纳 裁剪层不是有点点可以拖拽移动的那个层吗？你设置背景图就遮盖住下面要裁剪的图片了呢？题主具体要实现什么功能
- 2023-01-26 00:05回答 1 已采纳 是通过input的file控件上传这些都是由组件来封装好的，你只管使用组件即可，组件的回调会给你base64格式，你可以参考这一篇文章：https://blog.csdn.net/weixin_418
- 2022-10-26 22:36回答 2 已采纳 需要将裁剪后的图片保存到后台和服务器上，然后别的地方才能正常读取。
- 2020-12-22 19:04weixin_39788131的博客 cropper提供了大量的参数、方法和事件供图片的剪裁操作。安装可以通过Bower或NPM来安装该插件。bowerinstallcroppernpminstallcropper使用方法使用该图片剪裁插件首先要引入必要的js和css文件。HTML结构可以将图片或...
- 2023-03-29 13:25回答 1 已采纳 这个问题可能是由于CSS样式或JavaScript代码的问题导致的。 确保CSS和JavaScript文件已正确加载。检查浏览器的开发者工具，查看是否存在404错误或其他加载问题。 确保使用正确的CS
- 2022-02-26 17:23回答 1 已采纳 https://www.npmjs.com/package/vue-cropper
- 2014-05-12 18:00回答 1 已采纳 When you submit the form using form.submit (document.upload.submit(); in your case) the submit-but
- 2023-04-02 20:02weixin_45673348的博客 viewMode: 显示模式，可选值为0（自由模式）、1（包含裁剪框的模式）和2（只显示裁剪框的模式），默认为0。autoCropArea: 自动裁剪区域的大小，百分比或像素值，默认为0.8（即裁剪框的宽高比的80%）dragMode: 鼠标...
- 2022-08-01 09:10回答 3 已采纳 嗯？？不应该是image_file调用.crop(1,1,10,10)嘛image_file.crop(1,1,10,10)
- 2021-12-10 14:44回答 4 已采纳 我看了下你的这个vue引用的网址，不对，https://cdn.jsdelivr.net/npm/vue/dist/vue.js
- 2023-02-14 11:06回答 2 已采纳 ts.config,json配置一下 { "compilerOptions": { "target": "esnext", "useDefineForClassFields": t
- 2017-07-11 14:19JokerGee的博客 jQuery.cropper是一款使用简单且功能强大的图片剪裁jquery插件。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。 cropper提供了大量的参数、方法和事件供图片...
- 2021-02-04 02:08主要dist/├── jquery-cropper.js (UMD)├── jquery-cropper.min.js (UMD, compressed)├── jquery-cropper.common.js (CommonJS, default)└── jquery-cropper.esm.js (ES Module)入门安装npm install ...
- 2018-02-07 17:31`cropper.js` 允许开发者根据自己的需求进行自定义配置，比如设置裁剪框的样式、调整交互行为，甚至可以与其他库（如jQuery、Vue、React等）集成，以适应不同的项目环境。这种高度的可定制性使得`cropper.js` 在...
- 2020-10-19 04:07cropper.js是一个基于jQuery的图片裁剪插件，它允许用户在网页中轻松实现图片裁剪功能。本文将详细介绍使用cropper.js裁剪头像的实例代码。 ### 使用场景 在网站开发过程中，有时需要提供用户自行裁剪上传图片的...
- 2017-02-22 19:02Alan_阿兰的博客 1.jQuery.cropper是一款使用简单且功能强大的图片剪裁jQuery插件。 1.使用步骤 @import url("css/plugins/cropper/cropper.min.css"); html结构 2.初始化该图片剪裁插件。 $("#image").cropper({ ...
- 2024-09-13 22:18时桑崴Nonfriend的博客 jQuery-Cropper：轻量级图片裁剪插件 jquery-cropper A jQuery plugin wrapper for Cropper.js. 项目地址: https://gitcode.com/gh_mirror...
- 2017-10-11 16:12本示例“基于jquery/cropper插件裁剪头像demo”提供了一个使用jQuery和Cropper.js插件实现头像裁剪功能的实例。下面我们将详细介绍这个插件的工作原理、使用方法以及它在实际项目中的应用。 Cropper.js是一个轻量级...
- 2022-03-16 15:10Bootstrap 和 Cropper.js 是两个在前端开发中广泛使用的工具，它们结合使用可以实现高效、美观的图片裁剪功能。在H5（HTML5）应用中，这种功能常常用于头像上传、图片预览和编辑等场景。下面我们将深入探讨这两个库...
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月6日
已采纳回答
11月28日-
创建了问题
11月27日
悬赏问题
- ¥15 javaweb项目无法正常跳转
- ¥15 VMBox虚拟机无法访问
- ¥15 skd显示找不到头文件
- ¥15 机器视觉中图片中长度与真实长度的关系
- ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
- ¥15 R语言卸载之后无法重装，显示电脑存在下载某些较大二进制文件行为，怎么办
- ¥15 java 的protected权限 ，问题在注释里
- ¥15 这个是哪里有问题啊？
- ¥15 关于#vue.js#的问题：修改用户信息功能图片无法回显，数据库中只存了一张图片（相关搜索：字符串）
- ¥15 texstudio的问题，