antv-G6在vue2中使用---自定义卡片和收缩节点并添加动画和自定义弹窗样式

这系列文章主要是完成一个图谱的自定义修改（最近太忙了长篇分段更新自己使用流程）
1. 连接线修改成动态，并添加跟随线移动的光圈上一篇地址➡️点击这里
2. 自定义卡片样式和文字内容
3. 自定义伸缩节点的样式，并添加动画样式
3. 自定义弹窗样式
4. 自定义弹窗样式
5. 设置分支跟踪定位功能
6. 更新图谱

---

前言

提示：antv-G6初次使用(实例+分析注释）项目需要时间紧，直接网上找的加上官网信息，主要内容都有注释

---

想要达到的样式（视频）

屏幕录制2023-09-11 16.33.23

1. 添加卡片背景图片

1. 先添加背景图片

  // 背景图片
        const shape = group.addShape('image', {
   
               attrs: {
   
                   width:rectConfig.width+25,//图片宽度
                   height: rectConfig.height,//图片高度
                   x: nodeOrigin.x-10,//图片相对定位x轴
                   y: nodeOrigin