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 相关文章推荐
Jquery AJAX 用于计算点击率(统计)
Jun 30 Javascript
往光标所在位置插入值的js代码
Sep 22 Javascript
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
jQuery对象的length属性用法实例
Dec 27 Javascript
JS与HTML结合使用marquee标签实现无缝滚动效果代码
Jul 05 Javascript
使用canvas及js简单生成验证码方法
Apr 02 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
Jun 13 Javascript
15分钟深入了解JS继承分类、原理与用法
Jan 19 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
Feb 03 Javascript
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
Feb 11 Javascript
Vue之封装公用变量以及实现方式
Jul 31 Javascript
js删除对象中的某一个字段的方法实现
Jan 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
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
十天学会php之第四天
2006/10/09 PHP
一个简易需要注册的留言版程序
2006/10/09 PHP
PHP正则的Unknown Modifier错误解决方法
2010/03/02 PHP
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
基于PHP Web开发MVC框架的Smarty使用说明
2013/04/19 PHP
php多任务程序实例解析
2014/07/19 PHP
PHP统一页面编码避免乱码问题
2015/04/09 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
php实现与python进行socket通信的方法示例
2017/08/30 PHP
PHP7使用ODBC连接SQL Server2008 R2数据库示例【基于thinkPHP5.1框架】
2019/05/06 PHP
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
前台js改变Session的值(用ajax实现)
2012/12/28 Javascript
jQuery .attr()和.removeAttr()方法操作元素属性示例
2013/07/16 Javascript
JavaScript中this的使用详解
2013/11/08 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
通过隐藏iframe实现文件下载的js方法介绍
2014/02/26 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
2016/03/08 Javascript
js css3实现图片拖拽效果
2017/03/04 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
2017/09/26 Javascript
Vue项目引进ElementUI组件的方法
2018/11/11 Javascript
jQuery中DOM常见操作实例小结
2019/08/01 jQuery
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
Python中的urllib模块使用详解
2015/07/07 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
django 连接数据库出现1045错误的解决方式
2020/05/14 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
一款基于css3和jquery实现的动画显示弹出层按钮教程
2015/01/04 HTML / CSS
设计师珠宝:Ylang 23
2018/05/11 全球购物
读书之星事迹材料
2014/05/12 职场文书
2014年药店店长工作总结
2014/11/17 职场文书
世界气象日活动总结
2015/02/27 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书