[Bug report] 画图完坐标数据有问题，有小数，还有异常数据

[minliuhua]

问题描述

请用简洁的语言描述你遇到的 bug，至少包括以下部分，如提供截图请尽量完整：

1. 问题触发的条件，如何复现
2. 期望的表现
3. 实际的表现

最简复现

怎么是整数啊，现在有小数
text xy坐标还怎么是这样的啊

相关信息 context

LogicFlow Version:
Node Version:
Platform:

[wumail]

开局一张图，内容全靠猜

[minliuhua]

我看应该是这个节点后面的坐标都有问题了

import { h, PolygonNode, PolygonNodeModel } from '@logicflow/core'

class SerialModel extends PolygonNodeModel {
  static extendKey = 'SerialModel';
  constructor (data, graphModel) {
    if (!data.text) {
      data.text = ''
    }
    if (data.text && typeof data.text === 'string') {
      data.text = {
        value: data.text,
        x: data.x,
        y: data.y + 40
      }
    }
    super(data, graphModel)
    this.points = [
      [25, 0],
      [50, 25],
      [25, 50],
      [0, 25]
    ]
  }

}

class SerialView extends PolygonNode {
  static extendKey = 'SerialNode';
  getShape () {
    const { model } = this.props
    const { x, y, width, height, points } = model
    const style = model.getNodeStyle()
    return h(
      'g',
      {
        transform: `matrix(1 0 0 1 ${x - width / 2} ${y - height / 2})`
      },
      h('polygon', {
        ...style,
        x,
        y,
        points
      }),
      h('path', {
        d:
          'm 16,15 7.42857142857143,9.714285714285715 -7.42857142857143,9.714285714285715 3.428571428571429,0 5.714285714285715,-7.464228571428572 5.714285714285715,7.464228571428572 3.428571428571429,0 -7.42857142857143,-9.714285714285715 7.42857142857143,-9.714285714285715 -3.428571428571429,0 -5.714285714285715,7.464228571428572 -5.714285714285715,-7.464228571428572 -3.428571428571429,0 z',
        ...style
      })
    )
  }
}

export default {
  type: 'serial',
  view: SerialView,
  model: SerialModel
};

[wumail]

我看应该是这个节点后面的坐标都有问题了

import { h, PolygonNode, PolygonNodeModel } from '@logicflow/core'

class SerialModel extends PolygonNodeModel {
  static extendKey = 'SerialModel';
  constructor (data, graphModel) {
    if (!data.text) {
      data.text = ''
    }
    if (data.text && typeof data.text === 'string') {
      data.text = {
        value: data.text,
        x: data.x,
        y: data.y + 40
      }
    }
    super(data, graphModel)
    this.points = [
      [25, 0],
      [50, 25],
      [25, 50],
      [0, 25]
    ]
  }

}

class SerialView extends PolygonNode {
  static extendKey = 'SerialNode';
  getShape () {
    const { model } = this.props
    const { x, y, width, height, points } = model
    const style = model.getNodeStyle()
    return h(
      'g',
      {
        transform: `matrix(1 0 0 1 ${x - width / 2} ${y - height / 2})`
      },
      h('polygon', {
        ...style,
        x,
        y,
        points
      }),
      h('path', {
        d:
          'm 16,15 7.42857142857143,9.714285714285715 -7.42857142857143,9.714285714285715 3.428571428571429,0 5.714285714285715,-7.464228571428572 5.714285714285715,7.464228571428572 3.428571428571429,0 -7.42857142857143,-9.714285714285715 7.42857142857143,-9.714285714285715 -3.428571428571429,0 -5.714285714285715,7.464228571428572 -5.714285714285715,-7.464228571428572 -3.428571428571429,0 z',
        ...style
      })
    )
  }
}

export default {
  type: 'serial',
  view: SerialView,
  model: SerialModel
};

你说的这个问题我本地没办法复现

[minliuhua]

把我的这个代码放进去试试看

[wumail]

把我的这个代码放进去试试看

是一样的哦

[minliuhua]

移动的时候报这个，看不出在哪里出的问题

[minliuhua]

发现断点这两个都没进去

[minliuhua]

大佬有时间可以帮忙远程看下吗，我搞得工作流，就差这一步了，跪谢

[wumail]

大佬有时间可以帮忙远程看下吗，我搞得工作流，就差这一步了，跪谢

不可以哦，你可以提供最小可复现示例帮助我们排查这个可能的Bug

[minliuhua]

这是一个demo

1、下载后解压

npm install --registry=https://registry.npmmirror.com

npm run dev

2、跑起来后
登录地址http://localhost:81/index ，拖动红框中的节点，

就能看到报红

点击保存，就能看到坐标有问题

[wumail]

额。。。我看了下，你把数据里面的x,y从字符串改成数字就好了

[minliuhua]

那怎么改啊，这个不是LogicFlow 返回给我的坐标吗

[wumail]

那怎么改啊，这个不是LogicFlow 返回给我的坐标吗

[minliuhua]

可以了，麻烦了