工具下载地址: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类可以实现自定义形状