mxgraph:Drawio使⽤参数说明(备忘)
mxGraph:Drawio 使⽤参数
mxGraph,是⼀个⼯具库,提供交互式图表、图形绘制应⽤。
应⽤语⾔
javascript
属性参数说明
⼀、基本图形
图形shape
square矩形
squareCircle圆⾓矩形
round圆形
ellipse椭圆形
line直线
⼆、复合图形
this.addEntry('price', function()
{
var cell = new mxCell('', new mxGeometry(1, 0, 60, 30), 'shape=price;type=int;html=1;strokeColor=none;fillColor=#000000;fontColor=#ffffff;fontSize=30; align=center;verticalAlign=middle;whiteSpace=nowrap;rounded=0;fontFamily=dzzt');
cell.vertex = true;
cell.value = "99."javascript说明
var symbol = new mxCell('', new mxGeometry(1, 0, 30, 30), 'shape=price;type=dec;html=1;strokeColor=none;fillColor=#000000;fontColor=#ffffff;fontSize= 12;align=center;verticalAlign=middle;whiteSpace=nowrap;rounded=0;fontFamily=dzzt');
symbol.vertex = true;
symbol.value = "50"
cell.insert(symbol);
ateVertexTemplateFromCells([cell], ry.width, ry.height, 'price');
}),
];
三、图形属性
属性名归属模块参数说明
editable graph[STYLE_EDITABLE]图形内编辑⽂本[true/false]
hide label format[STYLE_NOLABEL]不显⽰图形⽂本[true/false]
deletable format[STYLE_DELETABLE]删除图形属性[true/false]
rotatable format[STYLE_ROTATABLE]图形旋转属性[true/false]
resizable format[STYLE_RESIZABLE]变更图形⼤⼩[true/false]
connectable graph[graph.setConnectable]⾃动连接line[true/false]
bendable llsBendable line中点拖动[true/false]
locked llsLocked图形锁定[true/false]
四、⽹页CSS参数
参数名归属模块变量类型说明headerHeight EditorUi.prototype.headerHeight int header 的⾼度toolbarHeigh lbarHeight int⼯具栏⾼度formatWidth EditorUi.prototype.formatWidth int format/样式栏宽度footerHeight EditorUi.prototype.footerHeight int footer的⾼度hsplitPosition EditorUi.prototype.hsplitPosition int sidebar的宽度
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论