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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1748 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

谢谢🙏望大佬指教

8 条回复 • 2020-02-18 11:09:54 +08:00

LyleRockkk

2020-02-18 08:37:33 +08:00

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

weixiangzhe

2020-02-18 08:54:22 +08:00 via Android

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

Cyron

2020-02-18 08:54:33 +08:00 via iPhone

前端省带宽

VelvetExodus

2020-02-18 10:09:54 +08:00

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

Torpedo

2020-02-18 10:13:03 +08:00

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

jakezh

2020-02-18 10:21:45 +08:00

能参考 OpenCV.js

Moker

2020-02-18 10:24:54 +08:00

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

grewer

2020-02-18 11:09:54 +08:00

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