Vue—ImgCutter实现图片剪裁

上传图片时经常会用到图片剪裁：那么接下来分享的是Vue里的ImgCutter剪裁方法。
（实现功能如下图 ）

1、首先下载

npm install vue-img-cutter --save-dev

2、页面引入

import ImgCutter from 'vue-img-cutter'
export default {
        components:{
            ImgCutter
        },
...
}

3、html部分

			
			
				

					
+
					
增加轮播图
				
			
		

4、获取上传file对象

methods: {
			// 预览图片信息
			onPrintImg(e) {
				this.file = e.file
			},
		
			}

5、替换原本服务器获取的file对象就可以了