Question

我想将svg从（0,0）（初始位置）转换为位置说（500,50）。为此我使用下面的代码，但它不起作用。请给我一些想法。

var svg = d3.select("body")
        .append("svg:svg")
        .attr("width", 600)
        .attr("height", 600)
        .append("g")
        .attr("transform","translate(500,50)");

Answer 1

您的代码正在g元素上设置transform属性。因此，g元素将在svg元素内翻译。如果您打算翻译svg元素，则使用所需的转换在svg元素上设置style属性。请记住在翻译距离上包含单位。例如......

var svg = d3.select("body")
.append("svg:svg")
.attr("width", 600)
.attr("height", 600)
.attr("style", "transform: translate(500px,50px)")
.append("g")

使用d3将其转换到另一个位置

1 个答案: