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

2021-03-29 22:16:16 +08:00
 M3oM3oBug

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

CodePen 可以看效果

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

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

源码已经发布在 JMind

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

6581 次点击
所在节点    分享创造
26 条回复
M3oM3oBug
2021-03-31 10:03:10 +08:00
@LeeReamond 鼠标右键可以拖曳整个图的

另外补充,现在还没有思路适配无极滚轮和触摸板,这种情况每次都会触发 wheel 事件,有没有大佬知道咋兼容处理的,暂时不想用 debounce 防抖这种低劣的方法。。

如果是暂时针对它,可以把 1503/1504 行替换:
`ev.shiftKey ? this.point.add(-ev.deltaY, 0) : this.point.add(-ev.deltaX, -ev.deltaY);`

但我手头又暂时没得办法测试。。
mrgeneral
2021-03-31 17:11:31 +08:00
怎么保存呢?看起来只能保存 HTML 了。
balabalaguguji
2021-04-01 09:24:42 +08:00
楼主好强大
ilxv
2021-04-02 15:15:01 +08:00
厉害诶,用了一下很不错,不卡顿,页面也挺好看的
yazoox
2021-04-02 18:39:24 +08:00
学习一下。厉害
icenya
2021-04-04 06:55:17 +08:00
这是纯前端嘛...!好厉害!

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

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

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

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

© 2021 V2EX