如题,楼主大学生一枚,在建一个个人网站,目前想做一个网页 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++ 如果能搞好以后在面试的时候也可以说道说道 |