![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
mxGraph
文章平均质量分 74
海阔山遥-未知何处是潇湘
这个作者很懒,什么都没留下…
展开
-
mxGraph图形文本自动换行
两种方式。1、直接设置默认样式原创 2014-06-24 16:21:18 · 3848 阅读 · 0 评论 -
mxGraph绘图区域使用鼠标滚轮实现放大/缩小
// 重写鼠标滚轮事件mxEvent.addMouseWheelListener = function (funct) { }// 增加初次加载事件window.onload = function () { var element= document.getElementById('graph'); addScrollListener(element, wheelHa原创 2014-06-27 17:44:57 · 3847 阅读 · 0 评论 -
mxGraph实现按住ctrl键盘拖动图形实现复制图形功能
实现这个功能非常简单,只需要重写moveCells方法就可以了。下面是源文件中的代码:mxGraph.prototype.moveCells = function(cells, dx, dy, clone, target, evt) { if (cells != null && (dx != 0 || dy != 0 || clone || target != null)) {原创 2014-06-28 17:07:20 · 3203 阅读 · 0 评论 -
mxGraph改变图形大小重置overlay位置
要在改变图形大小的时候改变overlay的位置,那肯定就要对重置图形大小的方法进行改造了。下面是源文件中的代码mxGraph.prototype.resizeCells = function(cells, bounds) { this.model.beginUpdate(); try { this.cellsResized(cells, bounds);原创 2014-06-28 17:42:15 · 4248 阅读 · 0 评论 -
mxGraph定位盲区图形到绘图区域中心位置
往往在一个绘图区域会有很多个图形,如果通过右键拖动画布或者通过滚动条来查找,是一件很烦人的事情。下面我就给出解决这个问题的方案。前提是有一个整个绘图区域的tree或者datagrid,我们需要选择直接要定位的图形cell。首先我们需要一个mxGraph的全局对象,暂且就定义为ylEditor.ylCanvas吧。接下来我们要定义一个查找图形cell的方法,只有通过这个方法,才能找到画布原创 2014-07-02 13:22:18 · 3771 阅读 · 0 评论 -
解决mxGraph放大/缩小在非IE浏览器下overlay图标位置不变化的问题
首先要创建一个工具栏,并为工具栏中的放大、缩小按钮定义事件。 var canvas=ylEditor.ylCanvas;//ylEditor.ylCanvas是我定义的一个mxGraph实例的全局对象。var toolbar= $('#toolbar');toolbar.find('img').css( { 'margin-right' : '5p原创 2014-07-06 13:29:59 · 2936 阅读 · 0 评论 -
mxGraph自定义线条箭头样式
从mxGraph源码中看出控制线条箭头的对象是mxMarker原创 2014-06-24 15:32:55 · 9201 阅读 · 3 评论 -
mxGraph实现鱼骨图(因果图)
鱼骨图由日本管理大师石川馨先生所发明,故又名石川图。鱼骨图是一种发现问题“根本原因”的方法,它也可以称之为“Ishikawa”或者“因果图”。其特点是简捷实用,深入直观。它看上去有些象鱼骨,问题或缺陷(即后果)标在"鱼头"外。在鱼骨上长出鱼刺,上面按出现机会多寡列出产生生产问题的可能原因,有助于说明各个原因之间如何相互影响。 这玩意儿就体现了一个什么5w1h的管理方法,经过我将近4原创 2014-09-01 17:23:41 · 11955 阅读 · 12 评论