我正在尝试创建一个自定义形状并在 svg 上设置 x 和 y 轴,到目前为止我已经完成了,但是在我的元素之上,我有一个属于引用节点的组 (g) 的变换属性,我试图更改设置自定义转换的属性,但没有任何运气。
我的问题是,如何更改整个节点的 x 和 y 位置?
render.shapes().task = function(parent, bbox, node) {
var shapeSvg = parent.insert('rect', ':first-child')
.attr('x', node.x)
.attr('y', node.y)
.attr('width', bbox.width)
.attr('height', bbox.height);
parent.attr('transform', 'translate(' + node.x + ',' + node.y + ')');
node.intersect = function(point) {
return dagreD3.intersect.rect(node, point);
};
return shapeSvg;
};
用于生成节点:
g.setNode(String(element._id),
{
label:element.flowElement.meta.name,
shape:element.type,
x:meta.x,
y:meta.y,
width:meta.width,
height:meta.height
}
翻译是 65,152,我想与对象的 x 和 y 相同,我还想更改子组(包括标签的包装器)。
查看图片以供参考