javascript - Wie implementiert das Frontend das Ausschneiden und Hochladen eines Teils eines Bildes? Wie wäre es mit dem Hochladen über WeChat oder QQ? Welche Technologie wird verwendet?

Question

Wie implementiert das Frontend das Ausschneiden und Hochladen eines Teils eines Bildes? Wie wäre es mit dem Hochladen über WeChat oder QQ? Welche Technologie wird verwendet?

扔个三星炸死你 · Answer

这个问题分前后端两块。

Web前端这块，可以用JCrop来做图片裁剪，实际上并不是真正的裁剪，而是在图片上选择一个区域，真正的裁剪是后端来做。
JCrop DEMO：http://deepliquid.com/project...

后端这块，不同的语言都有图片裁剪的api，可以查看相关文档。另外还可以使用一些云存储的裁剪功能，阿里云、七牛这些都有图片裁剪功能，例如七牛：https://developer.qiniu.com/d...

阿神 · Answer

你可以通过canvas的drawImage来实现相关操作

世界只因有你 · Answer

推荐这个库：PhotoClip

Demo地址：http://htmlpreview.github.io/...
具体效果如下图：