要在改变图形大小的时候改变overlay的位置,那肯定就要对重置图形大小的方法进行改造了。下面是源文件中的代码
mxGraph.prototype.resizeCells = function(cells, bounds) { this.model.beginUpdate(); try { this.cellsResized(cells, bounds); this.fireEvent(new mxEventObject(mxEvent.RESIZE_CELLS, 'cells', cells, 'bounds', bounds)); } finally { this.model.endUpdate(); } return cells; };
我们要在这个方法中对overlay进行位置的改变,首先要获取到当前图形的overlays,在创建overlay的时候可以自定义overlay的一些属性,比方index,这样比较容易的定位具体的某个overlay,再根据条件变更其位置。
mxGraph.prototype.resizeCells = function (cells, bounds) { this.model.beginUpdate(); try { this.cellsResized(cells, bounds); this.fireEvent(new mxEventObject(mxEvent.RESIZE_CELLS, 'cells', cells, 'bounds', bounds)); var _this=this; $.each(cells,function(i,item){ var overlays = _this.getCellOverlays(item) ; $.each(overlays,function(j,overlay){ if(overlay.tooltip=='辐射图'){ if(ylCommon.isAllowEdit()){ overlay.offset.x=item.geometry.width - 35; }else{ overlay.offset.x=item.geometry.width - 15; } } if(overlay.image.src.indexOf('lock.png')>0){ overlay.offset.x=item.geometry.width - 15; } }); }); } finally { this.model.endUpdate(); } return cells; };
mxGraph改变图形大小重置overlay位置
时间: 2024-10-09 22:38:21