未分類
31 3 月 2021

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

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

資深大佬 : M3oM3oBug 2

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

CodePen 可以看效果

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

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

源码已经发布在 JMind

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

大佬有話說 (23)

  • 資深大佬 : superliwei

    @M3oM3oBug 非常棒

  • 資深大佬 : lookcos

    不错不错，已 star

  • 主 資深大佬 : M3oM3oBug

    @superliwei 感谢大佬认可~

  • 資深大佬 : lopda

    学习一波。、很棒！

  • 主 資深大佬 : M3oM3oBug

    @lookcos 感谢小心心~

  • 資深大佬 : qiaobeier

    优化下代码结构吧

  • 資深大佬 : zzzzzzggggggg

    不错

  • 主 資深大佬 : M3oM3oBug

    @qiaobeier 可否指点一二（因为我目前所理解的 var xmind = new janvas.Canvas(…)，xmind 就是一个对象

  • 資深大佬 : whatalittleboy

    要是能鼠标移动节点就好了

  • 主 資深大佬 : M3oM3oBug

    @whatalittleboy 这个的代码还没写，在 1256 行 else 语句那儿。。现在我都是用快捷键操作，shift+方向键或者直接剪切粘贴，[在线版]( http://janvas.cn/JMind/)允许一次剪切板就能流畅操作了 [Github Pages]( http://janvas.cn/JMind/)，以后有空会写的

  • 資深大佬 : dai875939260

    优秀，不过有点 bug，点击节点的有时候会飞，滚轮滚动的时候太顺滑，滚不到想要的位置

  • 資深大佬 : ddeef

    牛！

  • 資深大佬 : shuax

    动画不太好看，还是说没动画？

  • 主 資深大佬 : M3oM3oBug

    @dai875939260 点击节点会飞有点脑补不出来。。滚轮顺滑可能是因为没适配无极滚轮（或触摸板），不好意思哈

    @shuax 目前就是节点超出界面了进行选择会有动画，没加其他动画效果了，鼠标右键可以拖曳主界面

  • 資深大佬 : ERRASYNCTYPE

    哇靠

  • 資深大佬 : cx99

    nb 已 star

  • 資深大佬 : hanyceZ

    nb

  • 資深大佬 : rationa1cuzz

    mac 动一下触碰版就找不到东西了 @M3oM3oBug

  • 主 資深大佬 : M3oM3oBug

    @rationa1cuzz 还没有适配触摸板的呀，可以考虑自己修改一下源代码，xmind.js 的 1503 行，把值 100/-100 改成 1/-1

  • 資深大佬 : LeeReamond

    提一个建议，应该增加一个可拖拽功能，类似手机屏幕上的操作逻辑。

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

  • 主 資深大佬 : M3oM3oBug

    @LeeReamond 鼠标右键可以拖曳整个图的

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

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

    但我手头又暂时没得办法测试。。

  • 資深大佬 : mrgeneral

    怎么保存呢？看起来只能保存 HTML 了。

  • 資深大佬 : balabalaguguji

    主好强大