vue移动端裁剪图片结合插件Cropper的使用实例代码

前端之家收集整理的这篇文章主要介绍了vue移动端裁剪图片结合插件Cropper的使用实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

之前写了一个上传头像的功能模块,以下的内容是描述上传头像过程中裁剪图片插件结合vue的一个使用。

当然,使用就安装 npm install cropperjs

接着再引入 import Cropper from 'cropperjs'

下面是源码

Picture

<button type="button" id="button" @click="crop">确定

<div style="padding:20px;">
<div class="show">
<div class="picture" :style="'backgroundImage:url('+headerImage+')'">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/vue/37970.html

猜你在找的Vue相关文章