【V5】修改了自定义节点方式之后，v4的drawShape,addShape该如何升级？

[zyh0yh]

目前在做项目的V4升级V5计划，涉及到的自定义节点相关的问题，寻求大家的帮助。如何在vue中实现 自定义节点，以V4图表示例 自定义节点 卡片2 为例，该如何使用V5的api 实现 V4 的这个示例

[Aarebecca]

目前还没有提供 Vue 自定义节点相关的实践，你可以加入到钉钉群和相关开发者进行讨论：82400003328

[zyh0yh]

想请问一下，内部有排期或者一些示例的计划吗

[mivui]

使用antv/g

[Donny2333]

请问能给个示例嘛

[shwull]

同求

[zsqsmart]

兄弟，解决了么

[zyh0yh]

目前使用antv/g 解决这个问题

[shwull]

大佬 怎么解决的 可以给个实例么

[2014guai]

官网没个例子，也是没谁了

[mivui]

使用antv/g绘制

import  { type DisplayObjectConfig, type Group,Image } from '@antv/g'; 
import { CubicVertical, type CubicVerticalStyleProps, ExtensionCategory, register } from '@antv/g'
import { mergeOptions } from '@antv/g6/esm/utils/style';
import Delete from '~/assets/icons/delete.svg';

export interface EdgeStyleProps extends CubicVerticalStyleProps {}

export class G6Edge extends CubicVertical {

public static defaultStyleProps: Partial<EdgeStyleProps> = {
startArrow: false,
endArrow: true,
endArrowType: 'vee'
}

constructor(options: DisplayObjectConfig EdgeStyleProps>) {
super(mergeOptions({ style: G6Edge.defaultStyleProps ), options));
}

protected drawButtonShape(_attributes: Required EdgeStyleProps, container: Group) {
const size =18;
const path = container.children[0];
const point =path.getBounds().center;
this.upsert(
'button-shape',
Image,
}
visibility: 'hidden',
x: point[0] -size/2,
y:point[1]-size / 2 + 2,/／加图标大小
width: size,
height: size,
src: Delete,
cursor: 'pointer',
zIndex: 999,
},
container,
);
}

public render(attributes: Required EdgeStyleProps), container: Group) {
super.render(attributes, container
this.drawButtonShape(attribu
container)
register(ExtensionCategory.EDGE, 'my-edge', G6Edge)

[shwull]

你可以加入到钉钉群和相关开发者进行讨论：82400003328 这个是钉钉号么，搜不到呀

[shwull]

官网给了自定义节点vue 的demo register(ExtensionCategory.NODE, 'vue-node', VueNode); 但是不能用，又在其他地方说不可用Vue 项目:目前暂不支持 Vue Node

[shwull]

大佬 升级了么？跪求