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

【问题标题】：How to move/pan the svg to a certain position?如何将 svg 移动/平移到某个位置？
【发布时间】：2017-10-06 00:17:24
【问题描述】：

我可以使用下面的代码通过鼠标移动在 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");

【问题讨论】：

标签： javascript css d3.js svg transform

【解决方案1】：

您可以使用transform 功能。

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

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

【讨论】：