I use AntV G6, and faced with a problem. How rotate element on canvas and rotate anchor points
G6.registerNode('rect-node', {
afterDraw(cfg, group) {
const bbox = group.getBBox();
const anchorPoints = this.getAnchorPoints(cfg)
anchorPoints.forEach((anchorPos, i) => {
group.addShape('circle', {
});
})
group.addShape('ellipse', {
});
},
getAnchorPoints(cfg) {
return cfg.anchorPoints || [
[0, 0.5],
[1, 0.5],
];
},
and rotate elements of group node
rotate_element(graph, item) {
const children = item.group.cfg.children;
for (let i = 0; i < children.length; i++) {
const child_item = children[i];
child_item.rotate(Math.PI / 4)
}
https://i.stack.imgur.com/dIaLi.png https://i.stack.imgur.com/LJqH8.png
how to rotate the connecting positions