jsMind通过鼠标拖拽的方式调整节点位置

 更新时间:2015年04月13日 11:10:33   投稿:hebedich  
这篇文章主要介绍了jsMind通过鼠标拖拽的方式调整节点位置的方法,十分的简单实用,推荐给有需要的小伙伴参考下。

jsMind是一个纯javascript实现的思维导图类库,基于html5的canvas实现,以BSD协议开源。

提供了思维导图的显示,编辑等功能,支持freemind数据格式,有丰富的开发接口可供使用,具体功能请访问软件主页进一步了解。

jsMind 现已支持通过鼠标拖拽的方式调整节点位置了。只需引用最新版本的 jsmind.js 以及 jsmind.draggable.js 即可使用该功能。需要注意的是,当思维导图设置为不可编辑的时候,拖拽功能也将同时禁止。

请访问 项目主页:http://hizzgdev.github.io/jsmind/ 体验效果。

复制代码 代码如下:

<script type="text/javascript" src="js/jsmind.js"></script>
<!-- 只需添加下方 js 引用即可 -->
<script type="text/javascript" src="js/jsmind.draggable.js"></script>

以上所述就是本文的全部内容了,希望大家能够喜欢。

相关文章

  • JS实现无缝循环marquee滚动效果

    JS实现无缝循环marquee滚动效果

    这篇文章主要为大家详细介绍了JS实现无缝循环marquee滚动效果,兼容IE, FireFox, Chrome,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 前端实现打印网页内容的解决方案(附完整代码)

    前端实现打印网页内容的解决方案(附完整代码)

    这篇文章主要介绍了如何使用JavaScript实现网页打印功能,主要通过Vue和Element Plus框架进行封装,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-02-02
  • JavaScript块级作用域绑定的实现流程

    JavaScript块级作用域绑定的实现流程

    这篇文章主要给大家介绍了关于JavaScript块级作用域绑定的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-12-12
  • uniapp中常用的事件处理方法详解

    uniapp中常用的事件处理方法详解

    在UniApp中事件处理非常重要,通过事件处理可以实现用户与应用程序之间的交互,这篇文章主要给大家介绍了关于uniapp中常用的事件处理方法的相关资料,需要的朋友可以参考下
    2023-12-12
  • javascript动态分页的实现方法实例

    javascript动态分页的实现方法实例

    最近的项目需要添加一个分页导航的功能,没有用网上封装好的文件,通过JS自己简单实现了效果,这篇文章主要给大家介绍了关于javascript动态分页的实现方法,需要的朋友可以参考下
    2022-06-06
  • Js 获取HTML DOM节点元素的方法小结

    Js 获取HTML DOM节点元素的方法小结

    在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。
    2009-04-04
  • webpack打包时如何修改文件名的实现示例

    webpack打包时如何修改文件名的实现示例

    本文主要介绍了webpack打包时如何修改文件名的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • 原生JS发送异步数据请求

    原生JS发送异步数据请求

    这篇文章主要为大家详细介绍了原生JS发送异步数据请求的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • layui表格 列自动适应大小失效的解决方法

    layui表格 列自动适应大小失效的解决方法

    今天小编就为大家分享一篇layui表格 列自动适应大小失效的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js动态生成唯一id的三种方法

    js动态生成唯一id的三种方法

    这篇文章主要介绍了js动态生成唯一id的两种方法,需要的朋友可以参考下
    2023-05-05

最新评论