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滚动效果,兼容IE, FireFox, Chrome,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2017-05-05
前端实现打印网页内容的解决方案(附完整代码)
这篇文章主要介绍了如何使用JavaScript实现网页打印功能,主要通过Vue和Element Plus框架进行封装,文中通过代码介绍的非常详细,需要的朋友可以参考下
2025-02-02
JavaScript块级作用域绑定的实现流程
这篇文章主要给大家介绍了关于JavaScript块级作用域绑定的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2022-12-12
uniapp中常用的事件处理方法详解
在UniApp中事件处理非常重要,通过事件处理可以实现用户与应用程序之间的交互,这篇文章主要给大家介绍了关于uniapp中常用的事件处理方法的相关资料,需要的朋友可以参考下
2023-12-12
javascript动态分页的实现方法实例
最近的项目需要添加一个分页导航的功能,没有用网上封装好的文件,通过JS自己简单实现了效果,这篇文章主要给大家介绍了关于javascript动态分页的实现方法,需要的朋友可以参考下
2022-06-06
webpack打包时如何修改文件名的实现示例
本文主要介绍了webpack打包时如何修改文件名的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2022-06-06
原生JS发送异步数据请求
这篇文章主要为大家详细介绍了原生JS发送异步数据请求的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2017-06-06
最新评论