js如何切割图片？

Question

使用input控件将一张图传到浏览器中，之后如何使用js将这种图进行切割呢？
切割之后上传到服务器。

Answer 1

使用canvas

1. 首先确定你的头像图片大小，这个用来指定canvas的高和宽（注意这里不是css的高和宽，canvas的高和宽决定了后面生成图片的质量）

2. 然后通过某些手段获取上传图片的那些部分需要裁减成图片，使用canvas的drawImage绘制出来

3. 最后使用toDataURL导出图片base64就可以上传到服务器了

这里加粗了几个关键字，自己找一下API就可以了

Answer 2

目的是什么？

切割成多块不是需要更多的请求么。

有好处吗？

Answer 3

目的如果是为了做类似头像裁剪上传之类的话，可以使用canvas。