又。。几乎 100% 还原了 XMind 的主要功能

2021 年 3 月 29 日
 M3oM3oBug

XMind 是一个思维导图软件,个人基本一直在使用,但是每次打开都要好几秒,早看它不爽了自己做了个:

CodePen 可以看效果

JMind git clone 或者直接下载下来就可以直接运行,使用文档也在这里

因为 Janvas 从底层绘制,仅含一个 <canvas> dom,又采用事件代理的方式处理所有事件,所以占用极低,各方面效率比 XMind 高出一到两个数量级

源码已经发布在 JMind

有没有喜欢的呀,希望可以给 Janvas 点上一个小爱心

7635 次点击
所在节点    分享创造
26 条回复
superliwei
2021 年 3 月 29 日
@M3oM3oBug 非常棒
Austin2035
2021 年 3 月 29 日
不错不错,已 star
M3oM3oBug
2021 年 3 月 29 日
@superliwei 感谢大佬认可~
lopda
2021 年 3 月 29 日
学习一波。、很棒!
M3oM3oBug
2021 年 3 月 29 日
@lookcos 感谢小心心~
qiaobeier
2021 年 3 月 29 日
优化下代码结构吧
zzzzzzggggggg
2021 年 3 月 29 日
不错
M3oM3oBug
2021 年 3 月 29 日
@qiaobeier 可否指点一二(因为我目前所理解的 var xmind = new janvas.Canvas(...),xmind 就是一个对象
whatalittleboy
2021 年 3 月 29 日
要是能鼠标移动节点就好了
M3oM3oBug
2021 年 3 月 30 日
@whatalittleboy 这个的代码还没写,在 1256 行 else 语句那儿。。现在我都是用快捷键操作,shift+方向键或者直接剪切粘贴,[在线版]( http://janvas.cn/JMind/)允许一次剪切板就能流畅操作了 [Github Pages]( http://janvas.cn/JMind/),以后有空会写的
dai875939260
2021 年 3 月 30 日
优秀,不过有点 bug,点击节点的有时候会飞,滚轮滚动的时候太顺滑,滚不到想要的位置
ddeef
2021 年 3 月 30 日
牛!
momo1999
2021 年 3 月 30 日
动画不太好看,还是说没动画?
M3oM3oBug
2021 年 3 月 30 日
@dai875939260 点击节点会飞有点脑补不出来。。滚轮顺滑可能是因为没适配无极滚轮(或触摸板),不好意思哈


@shuax 目前就是节点超出界面了进行选择会有动画,没加其他动画效果了,鼠标右键可以拖曳主界面
ERRASYNCTYPE
2021 年 3 月 30 日
哇靠🐂🍺!丝般顺滑!
cx99
2021 年 3 月 30 日
nb 已 star
hanyceZ
2021 年 3 月 30 日
nb
rationa1cuzz
2021 年 3 月 30 日
mac 动一下触碰版就找不到东西了 @M3oM3oBug
M3oM3oBug
2021 年 3 月 30 日
@rationa1cuzz 还没有适配触摸板的呀,可以考虑自己修改一下源代码,xmind.js 的 1503 行,把值 100/-100 改成 1/-1
LeeReamond
2021 年 3 月 30 日
提一个建议,应该增加一个可拖拽功能,类似手机屏幕上的操作逻辑。

你这个现在这样,东西一多了之后跑出屏幕边界了,根本看不到

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/766306

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX