Skip to content

Limoer96/sample-canvas-with-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

这是?

一个使用canvas对图像进行处理的小例子,它使用react及其技术栈构建。具体为 react + webpcak + redux。它足够简单,非常适合初学者入门。

运行

  1. clone 版本库到你的本地环境;
  2. 运行 npm init;
  3. 运行 npm run build;
  4. 在浏览器中打开src/index.html

5.28更新

  1. 解决了再次选择图片工具栏初始化的问题
  2. 修改工具栏的精度到0.01
  3. 页面的部分优化

11.01更新

  1. 修改了项目结构
  2. 部分代码优化
  3. 使得图片原分辨率保存

现在看起来像这样: 更新后的页面

存在的问题

在chrome浏览器中运行修改较大的图片将无法保存(chrome的某种机制阻止了保存),在Safari浏览器中测试正常。

About

A image sample project use canvas and react stack .

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages