jsmind源码初探

先把项目跑起

在<script>里面引入 jsmind.js <link>里面引入样式

var mind = {"format":"node_array","data":[]
};

var options = {container:'jsmind_container',editable:false,support_html : true,// 可以实现对节点的div样式控制 与显示mode :'side',theme:'primary',view: {// engine: 'canvas',hmargin: 150,        // 思维导图距容器外框的最小水平距离vmargin: 100,         // 思维导图距容器外框的最小垂直距离line_width: 2,       // 思维导图线条的粗细line_color: '#f00'   // 思维导图线条的颜色},layout: {hspace: 50,          // 节点之间的水平间距vspace: 50,          // 节点之间的垂直间距pspace: 25           // 节点与连接线之间的水平间距（用于容纳节点收缩/展开控制器）}
};
this._jm = jsMind.show(options,mind);

draw_line:function(pin,pout,offset,canvas_ctx){var ctx = canvas_ctx || this.canvas_ctx;ctx.strokeStyle = '#aaa';ctx.lineWidth = '1';// ctx.lineCap = 'round';jm.util.canvas.lineto(ctx,pin.x + offset.x,pin.y + offset.y,pout.x + offset.x,pout.y + offset.y);
},

划线函数调取了unit.canvas对象里面的

lineto : function(ctx,x1,y1,x2,y2){ctx.beginPath();ctx.moveTo(x1,y1);ctx.lineTo(x1,y2);//  新增ctx.lineTo(x2,y2);ctx.stroke();ctx.setLineDash([5,10]);// 新增
},

修改后可实现折线虚线效果

倾斜则是通过控制不同dom的css 实现

jsmind源码初探相关推荐

Spring-bean的循环依赖以及解决方式___Spring源码初探--Bean的初始化-循环依赖的解决
本文主要是分析Spring bean的循环依赖,以及Spring的解决方式. 通过这种解决方式,我们可以应用在我们实际开发项目中. 什么是循环依赖? 怎么检测循环依赖 Spring怎么解决循环依赖 S ...
okhttp3源码初探
okhttp3源码初探简介 GET请求使用源码阅读发起请求 eventListener的由来真正的网络请求拦截器 RetryAndFollowUpInterceptor拦截器 Bridge ...
Dinky0.7.0源码初探
Dinky0.7.0源码初探 1. Dinky简介 2022年11月25,Dinky0.7.0发布了: Dinky为 " Data Integrate No Knotty " ...
使用Mahout搭建推荐系统之入门篇3-Mahout源码初探
2019独角兽企业重金招聘Python工程师标准>>> 用意: 希望了解Mahout中数据的存储方式, 它如何避免java object带来的冗余开销.学完知识,要进行些实战去分析 ...
gevent源码初探-wsgi例子解析
gevent源码分析本文环境gevent-0.9.0. gevent简介 gevent是Python的一个并发框架,以协程库greenlet为基础,基于libev的高性能IO复用机制,其中可以使用m ...
java日志模块_Java源码初探_logging日志模块实现
一.用途程序中记录日志,打印到控制台.文件等方式,记录过程可根据日志级别做筛选,日志格式可以自定义. 大概结构如下所示: 简要说明各个模块: (1) LogManager:管理LoggerConte ...
java 日志管理源码_Java源码初探_logging日志模块实现
一.用途程序中记录日志,打印到控制台.文件等方式,记录过程可根据日志级别做筛选,日志格式可以自定义. 大概结构如下所示: 简要说明各个模块: (1) LogManager:管理LoggerConte ...
Redis源码初探（1）简单动态字符串SDS
前言现在面试可太卷了,Redis基本是必问的知识点,为了在秋招中卷过其他人(虽然我未必参加秋招),本菜鸡决定从源码层面再次学习Redis,不过鉴于本菜鸡水平有限,且没有c语言基础,本文不会对源码过于 ...
区块链开源项目Asch源码初探
Asch这个名字是 App Side Chain 的缩写. 是一种基于区块链跨链技术的应用开发平台,目前全部核心代码已经在GitHub上开源. 区块链是比特币的底层技术,但是名气低于比特币,但是个人认 ...
Redisson 源码初探（六）公平锁
因为Redisson 默认是非公平锁,client 端互相一起争抢,现在我们继续研究公平锁,为什么要研究?研究分布式锁不仅仅要研究最基础的锁对吧,我们要把一系列的非公平锁公平锁读写锁 RedLo ...

jsmind源码初探

jsmind源码初探相关推荐

最新文章

热门文章