使用dagre定制形状的位置

时间:2014-10-29 17:23:20

标签: svg d3.js dagre dagre-d3

我正在尝试创建一个自定义形状并在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相同,我也想更改子组(包括标签的包装)。

查看图片以供参考 svg transform with dagre

0 个答案:

没有答案