基于 React + Canvas 的在线画图应用
这是一个我这两天开始做的小项目,后面还会不断升级。以下是 demo 图:
demo-gif.gif
这里是 github 地址: YeZhikang/react-painter
背景
我本人是一名大二的学生,前一段时间刚刚接触到 Canvas 和 SVG ,对 Canvas 有比较大的兴趣,所以就想着能不能利用它做一个小项目/小demo,于是就做了这个画图应用。
目前支持功能
非直线画笔 ✅
边框(outlined)/ 填充(filled)的多边形和圆的绘制 ✅
清空功能 ✅
线条粗细控制 ✅
橡皮擦 ✅
历史回滚 / 前进 ✅
尚未完成的功能
自己设置颜色 / 调色板功能 ❌
更多的形状、图形样板 ❌
层级化的绘图过程展现(相似 .psd 文件的图层) ❌
导出 .png / .jpg 文件的功能 ❌
由于做的时间比较仓促,代码格式风格有些也存在问题;后面一段时间会尽量去完善这些问题和未完成的功能。欢迎大家 star、fork 和 PR~
说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 基于 React + Canvas 的在线画图应用
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 基于 React + Canvas 的在线画图应用