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


Posted in Javascript onApril 13, 2015

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>

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

Javascript 相关文章推荐
关于递归运算的顺序测试代码
Nov 30 Javascript
21个值得收藏的Javascript技巧
Feb 04 Javascript
js实现遍历含有input的table实例
Dec 07 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
AngularJS入门教程之模块化操作用法示例
Nov 02 Javascript
原生JS实现图片网格式渐显、渐隐效果
Jun 05 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
Aug 03 Javascript
基于VUE移动音乐WEBAPP跨域请求失败的解决方法
Jan 16 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
jQuery操作事件完整实例分析
Jan 10 jQuery
原生js实现点击轮播切换图片
Feb 11 Javascript
javascript继承的六大模式小结
Apr 13 #Javascript
javascript制作的简单注册模块表单验证
Apr 13 #Javascript
简化版手机端照片预览组件
Apr 13 #Javascript
javascript引用类型指针的工作方式
Apr 13 #Javascript
javascript实现图片自动和可控的轮播切换特效
Apr 13 #Javascript
使用jQuery实现更改默认alert框体
Apr 13 #Javascript
javascript异步处理工作机制详解
Apr 13 #Javascript
You might like
php中flush()、ob_flush()、ob_end_flush()的区别介绍
2013/02/17 PHP
php 7新特性之类型申明详解
2017/06/06 PHP
Laravel框架实现多个视图共享相同数据的方法详解
2019/07/09 PHP
php-fpm超时时间设置request_terminate_timeout资源问题分析
2019/09/27 PHP
Laravel 已登陆用户再次查看登陆页面的自动跳转设置方法
2019/09/30 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
JavaScript DOM 学习第三章 内容表格
2010/02/19 Javascript
Js组件的一些写法
2010/09/10 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
jQuery实现的进度条效果
2015/07/15 Javascript
Bootstrap基本插件学习笔记之Alert警告框(20)
2016/12/08 Javascript
JavaScript判断浏览器及其版本信息
2017/01/20 Javascript
JavaScript手风琴页面制作
2017/05/17 Javascript
一个简易的js图片轮播效果
2017/07/22 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
2018/04/13 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
微信小程序扫描二维码获取信息实例详解
2019/05/07 Javascript
Vue组件间通信 Vuex的用法解析
2019/08/05 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
2020/08/07 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
python编程羊车门问题代码示例
2017/10/25 Python
Python自动化运维_文件内容差异对比分析
2017/12/13 Python
python编写Logistic逻辑回归
2020/12/30 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
Python实现E-Mail收集插件实例教程
2019/02/06 Python
python批量爬取下载抖音视频
2019/06/17 Python
PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法
2019/08/06 Python
Python3中对json格式数据的分析处理
2021/01/28 Python
Speedo速比涛德国官方网站:世界领先的泳装品牌
2019/08/26 全球购物
毕业生实习鉴定
2013/12/11 职场文书
个人近期表现材料
2014/02/11 职场文书
班级德育工作实施方案
2014/02/21 职场文书
大三学生英语考试作弊检讨书
2015/01/01 职场文书
Python数据可视化之用Matplotlib绘制常用图形
2021/06/03 Python
OpenCV-Python实现轮廓的特征值
2021/06/09 Python