美文网首页
antv g6 使用图片展示选中效果

antv g6 使用图片展示选中效果

作者: 小白白呐 | 来源:发表于2022-05-18 17:16 被阅读0次

s使用g6遇到一个问题,就是选中效果,点击效果要用图片,费劲心思才找到方法,

首先要知道点击node节点时,会获取到多个属性,其中部分如下:尤其注意target,后续会用到,

这里边包含的是你所点击的目标的信息,但是有个不好的一点是,当mouseleave事件时,无法获取target,当然mouseenter、click可以获取,mouseout也可以获取,但是在点击节点以后,鼠标离开时会触发该事件,所以不太实用,导致我走了很多弯路,就有了下边这个不太友好的写法:

就是因为 mouseleave获取不到target,所以用的 mouseout

z综上所述,得到的结论是,只能实现鼠标悬浮和离开的效果,还有点击的效果,但是当点击其他节点时,无法清除其他节点的选中样式,所以此写法行不通

相关文章

网友评论

      本文标题:antv g6 使用图片展示选中效果

      本文链接:https://www.haomeiwen.com/subject/vapaurtx.html