一个使用canvas对图像进行处理的小例子,它使用react及其技术栈构建。具体为 react + webpcak + redux。它足够简单,非常适合初学者入门。
- clone 版本库到你的本地环境;
- 运行
npm init
; - 运行
npm run build
; - 在浏览器中打开
src/index.html
。
- 解决了再次选择图片工具栏初始化的问题
- 修改工具栏的精度到0.01
- 页面的部分优化
- 修改了项目结构
- 部分代码优化
- 使得图片原分辨率保存
在chrome浏览器中运行修改较大的图片将无法保存(chrome的某种机制阻止了保存),在Safari浏览器中测试正常。