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
Javascript 计算svg中g元素的变换属性_Javascript_Svg_D3.js - Fatal编程技术网

Javascript 计算svg中g元素的变换属性

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)")

我使用的是d3.layout.cloud.js from,为了创建一个云,我已经用和高度编辑了svg,但是我不知道如何计算这个函数的translate参数
.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