基于 React + Canvas 的在线画图应用

作者 : 开心源码 本文共374个字,预计阅读时间需要1分钟 发布时间: 2022-05-13 共252人阅读

这是一个我这两天开始做的小项目,后面还会不断升级。以下是 demo 图:

demo-gif.gif

这里是 github 地址: YeZhikang/react-painter

背景

我本人是一名大二的学生,前一段时间刚刚接触到 CanvasSVG ,对 Canvas 有比较大的兴趣,所以就想着能不能利用它做一个小项目/小demo,于是就做了这个画图应用。

目前支持功能

  • 非直线画笔 ✅

  • 边框(outlined)/ 填充(filled)的多边形和圆的绘制 ✅

  • 清空功能 ✅

  • 线条粗细控制 ✅

  • 橡皮擦 ✅

  • 历史回滚 / 前进 ✅

尚未完成的功能

  • 自己设置颜色 / 调色板功能 ❌

  • 更多的形状、图形样板 ❌

  • 层级化的绘图过程展现(相似 .psd 文件的图层) ❌

  • 导出 .png / .jpg 文件的功能 ❌

由于做的时间比较仓促,代码格式风格有些也存在问题;后面一段时间会尽量去完善这些问题和未完成的功能。欢迎大家 star、fork 和 PR~

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 基于 React + Canvas 的在线画图应用

发表回复