Question

我能够通过鼠标移动在D3.js中平移/移动整个SVG，代码如下。现在，我希望在没有鼠标的情况下进行这种转换，这意味着将SVG移动到某个（X，Y）位置。我知道如何使用DOM元素执行此操作，但我不确定如何使用SVG执行此操作？

var svg = d3.select("#svg")
    .call(d3.zoom().on("zoom", function () {
            svg.attr("transform", d3.event.transform);
        })).append("g");

Answer 1

您可以使用transform功能。

<svg transform="translate(220,200)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">

http://jsfiddle.net/GdCcA/1201/

如何将svg移动/平移到某个位置？

1 个答案: