G6 icon indicating copy to clipboard operation
G6 copied to clipboard

当node为img时,通过updateItem更新图片概率失败

Open silentchild opened this issue 2 years ago • 0 comments

问题描述

graph.on('node:mouseenter'时更新图片为B并增大尺寸,graph.on('node:mouseleave'时恢复图片为A并还原尺寸,尺寸稳定还原,但是图片偶发性恢复失败,并且更新图片貌似必须通过graph.refreshItem方法刷新一下才会显示

重现链接

重现步骤

代码如下: graph.on('node:mouseenter', (e) => { graph.updateItem(e.item, { img: e.item._cfg.model.activeImg, size: e.item._cfg.model.size.map((ite) => ite * 2) }) graph.refreshItem(e.item) })

  graph.on('node:mouseleave', (e) => {
    graph.updateItem(e.item, {
      img: e.item._cfg.model.defaultImg,
      size: e.item._cfg.model.size.map((ite) => ite / 2)
    })
    graph.refreshItem(e.item)
  })

预期行为

期望能稳定更新图片,目前偶发性更新图片失败

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]
  • G6 版本: [4.5.1 ... ]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response

silentchild avatar Sep 14 '22 02:09 silentchild