svg - D3 组翻译不起作用

Question

我正在使用以下代码将 SVG 坐标系“转换”为普通的笛卡尔坐标系：

      .append("svg")
            .attr("width", this._width)
            .attr("height", this._height)
            .append("g")
            .attr("id", "canvas")
            .attr("transform", "translate(0,500)")
            .attr("transform","scale(1,-1)");

由于某种原因， .attr("transform", "translate(0,500)") （其中 500 是 svg 的高度）在我的组中没有产生任何结果。在浏览器中输出：

<g id="canvas" transform="scale(1,-1)"></g>

任何帮助表示赞赏。在此先感谢您。

Answer 1

我想这两个转换属性会被覆盖，您应该将内容附加在一起，例如

.attr("transform", "translate(0,500) scale(1,-1)");