主要介绍了Vue-cropper 图片裁剪的基本原理及思路讲解，本文图文并茂给大家介绍的非常详细,需要的朋友可以参考下

一：裁剪的思路： 1-1，裁剪区域：需要进行裁剪首先需要形成裁剪区域，裁剪区域的大小和我们的鼠标移动的距离相关联，鼠标移动有多远，裁剪区域就有多大。如下图： 1-2 裁剪区域的宽和高的计算： 如上图，鼠标的横向移动距离和纵向移动距离就形成了裁剪区域的宽和高。那么裁剪区域的宽和高的计算是：当我们点下鼠标时，就能够通过event事件 对象获取鼠标点击位置，e.clientX 和 e.clientY; 当鼠标进行移动的时候，也能通过event获取鼠标的位置，通过两次鼠标位置的改变，就能够获得 鼠标移