jointJS
joyce_yjh
吃货女码农。
展开
-
jointJS(一)--关于jointJS的初认识
jointjs的粗浅认识 SVG 极易上手且操作简单 支持所有的现代浏览器。原创 2016-09-23 19:09:48 · 2556 阅读 · 0 评论 -
jointJS(二)--jointJS官方版本的一个改造bottomtopmodel
jointjs TopBottomModel原创 2016-09-28 19:20:25 · 2103 阅读 · 1 评论 -
jointJS(三)--找了一万年的link默认样式
感觉jointjs的默认link样式找了一万年,听起来都很蠢,但是确实是找了一万年,一直会那种写好的connect函数,直接展示出来,很简单。但是!当自己连的时候却发现,样式不是你设置的样式,还是默认的黑线,特!憋!丑!今天又研究了一下demo,要感谢LOGIC CIRCUITS给了我启发,哈哈哈!之前的我是这样写的var connect = function (source, sourcePort原创 2016-11-28 17:47:04 · 2375 阅读 · 0 评论 -
jointJS(四)--关于node的左击与右击
正如标题,关于node的左击右击。 左击paper.$el.on('click', function (evt) { evt.stopPropagation(); evt.preventDefault(); var cellView = paper.findView(evt.target); if (cellView) { ... }})右原创 2016-11-29 14:53:46 · 1304 阅读 · 0 评论 -
jointJS(五)--关于link连接时鼠标抬起的trigger
由于产品的功能需要,需要在连接两个node的port时发送一个请求,那连接两个port时的鼠标抬起动作很重要,但是mouseup肯定是不行的,那解决方案是什么呢,请见下面:graph.on('change:source change:target', function (link) { if (link.get('source').id && link.get('target').id) {原创 2016-11-29 14:59:15 · 1472 阅读 · 0 评论 -
jointJS(六)--cell move event&连线获取source/target
今天要分享两个小知识点: 一、拖动node时如何获取该node的所有信息: graph.getElements().forEach(function (element) { element.on('change:position', function () { console.log(element); putPosition(原创 2016-12-01 16:12:42 · 1356 阅读 · 2 评论