cropperjs怎么实现裁剪图片功能

这篇"cropperjs怎么实现裁剪图片功能"文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇"cropperjs怎么实现裁剪图片功能"文章吧。

cropperjs (裁剪图片)

vue版本

// 下载// npm install cropperjs -save// 使用//1.0 引入 import Cropper from 'cropperjs'// 2.0初始化裁剪框    data(){        return{            croppable: false // 控制上传后的显隐        }    },        methods:{        var _this= this;        var image = document.getElementById('image');        this.cropper = new Cropper(image, {            aspectRatio: 1,            viewMode: 1,            background:false,            zoomable:false,            ready: function () {              _this.croppable = true;            }        });    }

jq版本

选择图片
     
    
    
       
                       选择图片                 
×
       
           
              
                                
              
                 
图片预览：
                 
                               
           
           
               复位               旋转               换向            
      确定   

以上就是关于"cropperjs怎么实现裁剪图片功能"这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注行业资讯频道。