Giter Site home page Giter Site logo

docs's People

Contributors

anran0422 avatar flyovergu avatar gary4j avatar inawang0317 avatar kassadin avatar love666 avatar md-chen avatar sophia502 avatar towersxu avatar wumail avatar xinxin93 avatar zhhzcw avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

docs's Issues

导出的 xml 文件 在 bpmn 里面加载不出来

LogicFlow.use(BpmnElement);
LogicFlow.use(BpmnXmlAdapter);
设置导出的 xml转化为 bpmn 格式 const data = this.lf.getGraphData() this.download("diagram.xml", data); 导出文件
但是导出的文件是这样的
<bpmn:process isExecutable="true" id="Process_9d9e128">

</bpmn:process>
画的圆没有进行转换 导致识别不出来 不知道哪一个出问题了

lf.graphModel.moveNode这个方法当用上下左右箭头移动后,保存数据,重新进来加载画布数据时候节点文字位置会显示异常

 this.lf.on('node:click', (data) => {
    const _that = this
    if (data) {
      // 在元素库编辑了元素该名后, 使用静默刷新 强制把多节点绑定的同一元素 值保持一样
      document.onkeydown = function (e) {
        let key = window.event.keyCode;
        // 判断上下左右箭头的key之后,执行对应节点移动处理
        if (key === 38) {
          // 上
          _that.lf.graphModel.moveNode(data.data.id, 0, -1, false);
        } else if (key === 40) {
          // 下
          _that.lf.graphModel.moveNode(data.data.id, 0, 1, false);
        } else if (key === 37) {
          // 左
          _that.lf.graphModel.moveNode(data.data.id, -1, 0, false);
        } else if (key === 39) {
          // 右
          _that.lf.graphModel.moveNode(data.data.id, 1, 0, false);
        }
      };
    }
  })

使用这个方法上下左右箭头微调节点位置,在按住箭头不动,上下左右任意调整节点位置后,用getGraphRawData获取流程图数据,保存起来,然后重新进来加载页面,会发现节点的文字不再居中了。节点文字位置开始错乱。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.