本文实例为大家分享了vue图片裁剪插件vue-cropper的使用方法，供大家参考，具体内容如下
我在网上找了很多关于vue裁剪图片的文章，demo都太长了，实在是太长了。有些还都看不懂，最后还是用了个大佬的demo，但是项目实践过程中还是有问题没解决。先介绍吧。效果是下面这样的，
我这里采用了4:3的固定比例进行裁剪，裁剪后的效果
但是裁剪后的图片路径是base64，超级长的路径，最终还是需要处理地址传给后端的，项目用oss处理图片，最终获得一个类似于aad68a8fd577464dbcdead2e9b20084d这个的后缀传给后端，base64的路径有几万几十万个字符，传给后端会炸的吧。
后来我通过oss进行处理，把base64的路径地址变成通过oss解析过的地址，但是！解析过的地址让我下载，下载的文件不是图片格式，记事本打开文件里面还是base64的路径，复制粘贴，没错，是裁剪之后的图片，这个问题暂时还没有解决，解决之后进行再回来修改。先附上代码吧。这里代码是比较全的，图片地址解析那一部分可以不用。
以上问题以解决，base64转成blob格式就可以处理了，oss上传需要使用new Blob格式（2019/6/22更新）
另外附上文档
裁剪的vue文件：（已更新）
先下载npm install vue-cropper --save
<!-- 裁剪图片 --> <template> <div class="wrapper"> <div class="model" v-show="model" @click="model = false"> <div class="model-show"> <img :src="/UploadFiles/2021-04-02/modelSrc">以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
vue,cropper,图片裁剪
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。