一个基于 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 间传递是不是快一些