前端新手想做一个能处理图片的网页 app，需要会哪些框架？

[VelvetExodus]

如题，楼主大学生一枚，在建一个个人网站，目前想做一个网页 app，目标是用户能够在网页上上传图片，然后根据图片上的每个像素加上一些特殊效果，生成 GIF，最后用户能够将处理后的 GIF 下载。实现这个过程需要哪些技术、框架呢？

基本的 HTML CSS JS jQuery 等等都会了，现在在学 React.js 和 Node.js ， 网站目前托管在 GitHub 上。图片处理的算法已经有了，现在就差实现怎么输入输出图片了。另外想问一下这个图片处理能靠用户浏览器端运行代码算吗？还是在自己服务器上运行更好？

谢谢🙏望大佬指教

[LyleRockkk]

上传图片有很多插件，原生的也可以用<input type="file"> 自己写，前端可以直接拿到文件对象的，你看你的算法是不是能直接在前端运行，如果不能，图片文件要上传到后台处理，之后返回图片地址让用户下载

[weixiangzhe]

位图用 canvas，需要学习一点数字图像处理的姿势

[Cyron]

前端省带宽

[VelvetExodus]

@LyleRockkk 谢谢，我想把拿到的图片上每个像素都单个处理，请问你知道有相应的 JS library 可以用吗？我目前的算法用 C++写的，如果能在前端处理掉感觉会方便些..

[Torpedo]

@VelvetExodus 前端处理图片基本都是转 canvas 在画布上处理。这样有各种问题。而且 api 很少。还是放在后端做吧

[jakezh]

能 参考 OpenCV.js

[Moker]

既然都用 c++写好算法了 那么就后端启个服务跑 这样会方便一些

[grewer]

要不你试试 WebAssembly 来运行 c++
如果能搞好以后在面试的时候也可以说道说道