mxGraph
codeXml
web developer
展开
-
mxGraph添加流动的管道动画
效果图:1、使用css3定义流动的class/*** 管道动画* 线段长度为8,每0.5s执行一次keyframes中定义的dash动作,且无限循环执行*/.flowStyle { stroke-dasharray: 8; animation: dash 0.5s linear; animation-iteration-count: infinite;}@keyframes dash { to { stroke-dashoffset: -16; }}2、给原创 2021-12-02 16:38:12 · 1926 阅读 · 2 评论 -
mxGraph允许调整线条弯曲度后报错:Illegal constructor
代码示例:// 允许调整线条弯曲度this.setCellsBendable(true);解决办法:在graph/index.js中增加如下代码。Object.keys(mxgraph).forEach((key)=>{ window[key] = mxgraph[key];});graph/index.js文件完整内容示例import mx from "mxgraph";const mxgraph = mx({ mxBasePath: "/graph/mxgraph"原创 2021-12-02 16:03:38 · 898 阅读 · 0 评论