suziwen / markdownxiaoshujiang

小书匠是一款本地优先,去中心化,分布式,支持选择性同步的全平台覆盖知识管理笔记软件。
http://soft.xiaoshujiang.com
1.53k stars 196 forks source link

【请教】请问小书匠是怎么实现如此智能化的思维导图生成方式? #1720

Open BluerAngala opened 8 months ago

BluerAngala commented 8 months ago

image

您好,我是个业余的编程菜鸟,同时也是您的粉丝,已经follow你很久了。有个问题下冒昧请教您,最近我想将以前的markdown文章转化为思维导图,使用的是node js,折腾了很久,效果很一般。部分文章标题层级太多,通过markmap生成的图片太丑,而且无法生成png、jpg等常用图片格式,我想像小书匠这样设计一个层级深度来生成图片,不知道您能否指点一下?

新年大吉,膜拜大佬!

suziwen commented 8 months ago

感谢支持,龙年大吉。

这个我是自己写的,布局算法用了阿里蚂蚁的这个库 antvis/hierarchy: Layout algorithms for visualizing hierarchical data. , 还参考了这个库 Klortho/d3-flextree: Flexible tree layout algorithm that allows for variable node sizes

这种思维导图,结点多了,都会变得很乱,想要更合理效果的话,还是要手动二次调整。