Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Svg 使用dagre设置自定义形状的位置_Svg_D3.js_Dagre_Dagre D3 - Fatal编程技术网

Svg 使用dagre设置自定义形状的位置

Svg 使用dagre设置自定义形状的位置,svg,d3.js,dagre,dagre-d3,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)

我正在尝试创建一个自定义形状并在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
}
翻译是65152,我希望与对象的x和y相同,我还希望更改子组,包括标签的包装

请看图片以供参考