Javascript 计算svg中g元素的变换属性
我使用的是d3.layout.cloud.js from,为了创建一个云,我已经用和高度编辑了svg,但是我不知道如何计算这个函数的translate参数Javascript 计算svg中g元素的变换属性,javascript,svg,d3.js,Javascript,Svg,D3.js,我使用的是d3.layout.cloud.js from,为了创建一个云,我已经用和高度编辑了svg,但是我不知道如何计算这个函数的translate参数.attr(“transform”,“translate(150150)”) function draw(words) { d3.select("svg") .append("g") .attr("transform", "translate(230, 200)")
.attr(“transform”,“translate(150150)”)
function draw(words) {
d3.select("svg")
.append("g")
.attr("transform", "translate(230, 200)")
.selectAll("text")
.data(words)
.enter().append("text")
.style("font-size", function(d) {
return d.size + "px";
})
.style("fill", function() {
return getRundomColor();
})
.attr("text-anchor", "middle")
.attr("transform", function(d) {
return "translate(" + [d.x, d.y] + ")rotate(" + d.rotate + ")";
})
.text(function(d) {
return d.text;
});
}
svg元素的宽度为848
,高度为400
我的问题是如何计算
g
元素的变换属性?你平移一半的宽度和一半的高度,使新元素居中。@larskothoff