一个基于 go 编译的 wasm 的实现了图片滤镜的 web 应用
A web Application what used to do images filter , which Based on wasm that written by go-lang .
访问地址: https://penouc.github.io/gosmter/
demo url: https://penouc.github.io/gosmter/
这个项目是基于 create-react-app
项目上构建的,在 create-react-app
的基础上,修改 webpack
的版本到 v4, v4 支持 wasm
文件的加载,并且修改了 webpackDev
的 config , 将加载的 wasm
文件的 MIME Type
修改为原本的 application/wasm
, 这样得以保证 wasm
在加载为流文件的时候,不会发生错误。
- go > 1.11
- nodejs > 8
如果 go 的版本有问题,执行
brew upgrade go
, 或者nodejs
的版本有问题,执行nvm install v8.11.0 && nvm use v8.11.0
然后需要安装 go 的依赖gift
, 项目地址 https://github.com/disintegration/gift 执行go get -u github.com/disintegration/gift
接下来,在主目录下执行npm run start
或者yarn start
即可
- 允许自己添加图片 ✅
- 优化初始化加载体验 ✅
- 使用
go·dom
作为 wasm 中的取 dom 结构的框架 - 尝试使用 buffer 在 js 和 wasm 间传递是不是快一些