- 博客(5)
- 收藏
- 关注
RSS订阅原创 不想再在“电脑上画完、手机上看不了”之间来回折腾？试试 Gmind 思维导图
举个例子，做一次产品需求梳理时，可以用主分支放模块，用标签区分优先级，用备注写需求背景，用任务标记跟踪待办，再用关系线标出两个模块之间的依赖。更麻烦的是，一张导图做到后面，往往不只是几行文字，开始有任务、备注、图片、关系线、重点标记，普通的“画节点工具”就有点不够用了。Gmind 在 Web 端提供了思维导图、逻辑结构图、组织架构图、树形图、括号图、鱼骨图等核心结构，并提供时间轴布局。
2026-07-31 15:45:39
213
原创 让 SVG 不再“丢字变形”：一次思维导图导出文字转 Path 的实战优化
最近在做一个基于。这个项目主要做的是在线编辑思维导图，支持节点编辑、主题样式、概要、外框、关系线、图片、XMind 导入导出，以及PNGJPEGPDFSVG等多种格式导出。GimiMind思维导图mind-map 导出 SVG 时，如何保证文字在不同环境中稳定显示。编辑器里字体正常，导出的 SVG 打开后变成默认字体节点文字原本自动换行，导出后变成一行撑出去关系线文字位置偏移概要、外框标题和节点文字对不上浏览器里还好，放到设计软件、图片查看器、后端转图服务里就变形。
2026-05-13 09:31:40
227
原创 我用 Vue 3 写了个思维导图工具，支持 7 种布局，顺便聊了聊前端开发那些事儿
GimiMind 是一个基于 Vue 3 + TypeScript 开发的在线思维导图编辑器，支持 7 种不同的布局方式（思维导图、组织结构图、鱼骨图、时间轴、逻辑图、树状图、括号图），拥有强大的节点
2026-03-02 10:11:10
858
原创 前端开发者使用 Nuxt.js和 Node.js 开发一款 c2c 项目（属于自己的掘金）
作为一个将近3年的前端开发程序员在工作期间也开发了大大小小不少项目，但是没有一个是属于自己的。于是乎在去年年初的时候就想自己一个人兼顾前后端开发一个自己的项目，想法是好的，但是实现起来有些许困难，毕竟自己之前只会前端。因为自己不会服务端所以年初的时候放弃需要前后端交互的项目，做了一个纯前端的 web思维导图 项目（算是放弃了需要后端支持的项目🤓🤓🤓）。在这个思维导图项目落地之后，又继续添加功能继续维护（都是参照 的功能去做的，毕竟自己不是产品，没有那么多天马星空的想法），大概花了3个月的时间，这个项
2023-12-29 11:11:23
1250
原创 使用vue3和svg画布标签实现一个思维导图功能的开发
SVG是一种用XML定义的语言，用来描述二维矢量及矢量或栅格图形。SVG提供了3种类型的图形对象，矢量图形、图象、文本。SVG是一种图像文件格式，它的英文全称为，意思为可缩放的矢量图形。矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。XML是一套定义语义标记的规则，这些标记将文档分成许多部件并对这些部件加以标识。
2023-09-26 15:15:21
5218
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人