主要为大家详细介绍了JS实现图片剪裁并预览效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

今天又疯狂学习了web前端的图片剪裁效果，可以有个区域来框住图片的某一部分，并可以预览框住的部分  效果图如下： 看着是不是很炫呢 简单介绍下实现方法吧 1.布局就是左右两块div,右边的好说，主要是左边的，左边的用绝对布局的方式分了3层，最下面一层是一个半透明的图片，中间一层是原图，但被剪切成只有一块，也只显示这一块，可以用clip:rect方法实现，然后最上面一层就是自己写的一个边框，在边框上加了8个点，分别给这8个点定义位置。  2.然后JS代码用了鼠标的点击事件来实现。  下面