这是一个创建于 1740 天前的主题，其中的信息可能已经有所发展或是发生改变。
如题，楼主大学生一枚，在建一个个人网站，目前想做一个网页 app，目标是用户能够在网页上上传图片，然后根据图片上的每个像素加上一些特殊效果，生成 GIF，最后用户能够将处理后的 GIF 下载。实现这个过程需要哪些技术、框架呢？
基本的 HTML CSS JS jQuery 等等都会了，现在在学 React.js 和 Node.js ， 网站目前托管在 GitHub 上。图片处理的算法已经有了，现在就差实现怎么输入输出图片了。另外想问一下这个图片处理能靠用户浏览器端运行代码算吗？还是在自己服务器上运行更好？
谢谢🙏望大佬指教
 |
1
LyleRockkk 2020-02-18 08:37:33 +08:00
上传图片有很多插件，原生的也可以用<input type="file"> 自己写，前端可以直接拿到文件对象的，你看你的算法是不是能直接在前端运行，如果不能，图片文件要上传到后台处理，之后返回图片地址让用户下载
|
 |
2
weixiangzhe 2020-02-18 08:54:22 +08:00 via Android
位图用 canvas，需要学习一点数字图像处理的姿势
|
 |
3
Cyron 2020-02-18 08:54:33 +08:00 via iPhone
前端省带宽
|
 |
4
VelvetExodus OP @LyleRockkk 谢谢，我想把拿到的图片上每个像素都单个处理，请问你知道有相应的 JS library 可以用吗？我目前的算法用 C++写的，如果能在前端处理掉感觉会方便些..
|
 |
5
Torpedo 2020-02-18 10:13:03 +08:00
@VelvetExodus 前端处理图片基本都是转 canvas 在画布上处理。这样有各种问题。而且 api 很少。还是放在后端做吧
|
 |
6
jakezh 2020-02-18 10:21:45 +08:00
能 参考 OpenCV.js
|
 |
7
Moker 2020-02-18 10:24:54 +08:00
既然都用 c++写好算法了 那么就后端启个服务跑 这样会方便一些
|
 |
8
grewer 2020-02-18 11:09:54 +08:00
要不你试试 WebAssembly 来运行 c++
如果能搞好以后在面试的时候也可以说道说道 |
Select Language