基于canvas的图片剪裁工具

工具下载地址：https://github.com/zforler/clip

直接再浏览器中打开index.html即可(基于canvas的图片操作，在谷歌浏览器中会受到同源策略的限制，放到服务容器里面没关系）。

<script src="js/Shape.js"></script><!--核心文件-->
<script src="js/Rectangle.js"></script><!--剪裁形状-->

<script src="js/clip.js"></script><!--核心文件-->

//使用

let clip = new Clip({
        imgURL: 'girl.jpg'//需要剪裁的图片url

    });

clip.setShape(new Rectangle());//设置剪裁形状，继承Shape类可以实现自定义形状