深感一事无成,还是踏踏实实做点东西吧

Before

三年前端了,回忆起来,好像记不住什么东西,一晃而过,什么都没有留下貌似,老想着探索副业,转型,睡后收入,东搞西搞,也是基本没什么收益

沉下心来,还是回到主业上

但是主业上也没留下什么足迹与突破

深感一事无成,还是踏踏实实做一些有点成就感的事情吧

最近一直在做和画布,图编辑相关的项目以及相关研究

借此机会,准备好好做一个开源项目

Start

话不多说,先上截图与链接:

线上体验地址:点我大哥

  • 导出

    目前支持PNG、SVG、JSON

  • 导入

    目前仅仅支持从JSON导入

  • 编辑
    支持编辑字体大小、颜色、样式,节点背景、大小、旋转,撤销、恢复、删除、全屏、定位等等,以及对应的快捷键等等

END

上述效果是从0开始手撸了三天的一个简易效果,后续会持续更新,目前功能有限,仅仅能够创建简单的流程图
走过路过,赏一个star呗github.com/duchao-duch...

PS:臭不要脸,刚开始做就要star

后续规划功能:

  • 导出配置支持:图片大小、背景颜色、padding
  • 集成Electron做成一个桌面端应用
  • 支持从模版创建
  • 增加更多的基础图形
  • 支持层级
  • 支持节点右键菜单、删除、组合、层级、等等
  • 支持插入图片
  • 支持富文本
  • 支持调整边的样式、颜色
  • 支持调整文本布局
  • 支持泳道节点
  • 支持思维导图
  • 支持边任意创建,创建直线
  • 支持创建备注
  • 支持从节点的任意位置创建边
  • 支持格式刷
  • 支持导出PDF
  • 支持创建文件夹
  • 支持多语言
  • 支持主题切换
  • 支持画布风格、手绘风格等等
  • ..........

热烈欢迎小伙伴参与一起完善项目呀,欢迎提交PR

相关推荐
醉方休2 分钟前
React 官方推荐使用 Vite
前端·react.js·前端框架
Dontla7 分钟前
React惰性初始化函数(Lazy Initializer)(首次渲染时执行一次,只执行一次,应对昂贵初始化逻辑)(传入一个函数、传入函数)
前端·javascript·react.js
lypzcgf15 分钟前
FastbuildAI新建套餐-前端代码分析
前端·智能体平台·ai应用平台·agent平台·fastbuildai
南囝coding28 分钟前
Claude Code 插件系统来了
前端·后端·程序员
摇滚侠1 小时前
Spring Boot 3零基础教程,WEB 开发 默认的自动配置,笔记25
前端·spring boot·笔记
Cherry Zack1 小时前
Vue Router 路由管理完全指南:从入门到精通前言
前端·javascript·vue.js
亮子AI1 小时前
【npm】npm install 产生软件包冲突怎么办?(详细步骤)
前端·npm·node.js
汪汪大队u2 小时前
为什么 filter-policy 仅对 ASBR 的出方向生效,且即使在该生效场景下,被过滤的路由在协议内部(如协议数据库)依然存在,没有被彻底移除?
服务器·前端·网络
慧一居士2 小时前
vue.config.js 文件功能介绍,使用说明,对应完整示例演示
前端·vue.js
颜酱2 小时前
用导游的例子来理解 Visitor 模式,实现AST 转换
前端·javascript·算法