**编辑2016-10-07：**更通用的方法见下文附录。

根据修改日志，它已经消失了。不过，在transform/decompose.js中有一个函数，它做内部使用的计算。遗憾的是，它没有公开供外部使用。
也就是说，即使不使用任何D3，这也很容易做到：

function getTranslation(transform) {
  // Create a dummy g for calculation purposes only. This will never
  // be appended to the DOM and will be discarded once this function 
  // returns.
  var g = document.createElementNS("http://www.w3.org/2000/svg", "g");

  // Set the transform attribute to the provided string value.
  g.setAttributeNS(null, "transform", transform);

  // consolidate the SVGTransformList containing all transformations
  // to a single SVGTransform of type SVG_TRANSFORM_MATRIX and get
  // its SVGMatrix. 
  var matrix = g.transform.baseVal.consolidate().matrix;

  // As per definition values e and f are the ones for the translation.
  return [matrix.e, matrix.f];
}

console.log(getTranslation("translate(20,30)"))  // simple case: should return [20,30]
console.log(getTranslation("rotate(45) skewX(20) translate(20,30) translate(-5,40)"))

这将创建一个伪g元素，用于使用标准DOM方法进行计算，并将其transform属性设置为包含转换的字符串。然后，它调用SVGTransformList接口的.consolidate()，以将可能很长的转换列表合并到SVG_TRANSFORM_MATRIX类型的单个SVGTransform中，该SVGTransform包含其matrix属性。每个定义的此SVGMatrix在其属性e和f中保存转换的值。
使用此函数getTranslation()可以重写D3 v3语句

d3.transform(transformString).translate;

作为

getTranslation(transformString);

附录

因为这个答案随着时间的推移已经引起了一些兴趣，我决定组合一个更通用的方法，它不仅能够返回转换字符串的转换，而且能够返回所有转换定义的值。基本方法与我在上面的原始帖子中所介绍的相同，加上从transform/decompose.js中提取的计算。该函数将返回一个对象，该对象具有所有转换定义的属性，与以前的d3.transform()非常相似。

function getTransformation(transform) {
  // Create a dummy g for calculation purposes only. This will never
  // be appended to the DOM and will be discarded once this function 
  // returns.
  var g = document.createElementNS("http://www.w3.org/2000/svg", "g");

  // Set the transform attribute to the provided string value.
  g.setAttributeNS(null, "transform", transform);

  // consolidate the SVGTransformList containing all transformations
  // to a single SVGTransform of type SVG_TRANSFORM_MATRIX and get
  // its SVGMatrix. 
  var matrix = g.transform.baseVal.consolidate().matrix;

  // Below calculations are taken and adapted from the private function
  // transform/decompose.js of D3's module d3-interpolate.
  var {a, b, c, d, e, f} = matrix;   // ES6, if this doesn't work, use below assignment
  // var a=matrix.a, b=matrix.b, c=matrix.c, d=matrix.d, e=matrix.e, f=matrix.f; // ES5
  var scaleX, scaleY, skewX;
  if (scaleX = Math.sqrt(a * a + b * b)) a /= scaleX, b /= scaleX;
  if (skewX = a * c + b * d) c -= a * skewX, d -= b * skewX;
  if (scaleY = Math.sqrt(c * c + d * d)) c /= scaleY, d /= scaleY, skewX /= scaleY;
  if (a * d < b * c) a = -a, b = -b, skewX = -skewX, scaleX = -scaleX;
  return {
    translateX: e,
    translateY: f,
    rotate: Math.atan2(b, a) * 180 / Math.PI,
    skewX: Math.atan(skewX) * 180 / Math.PI,
    scaleX: scaleX,
    scaleY: scaleY
  };
}

console.log(getTransformation("translate(20,30)"));  
console.log(getTransformation("rotate(45) skewX(20) translate(20,30) translate(-5,40)"));

如果通过npm引入d3 v4，则可以直接导入src/transform/parse文件并调用parseSvg：

// using es2015 modules syntax
import { parseSvg } from "d3-interpolate/src/transform/parse";

parseSvg("translate(20, 20)");

在具有d3.js zoom侦听器的元素上--通常是附加到svg元素的<g>元素--可以使用此调用来获取zoom函数之外的转换属性：

var self = this;
var t = d3.zoomTransform(self.svg.node()); 

// t = {k: 1, x: 0, y: 0} or your current transformation values

这将返回与在zoom事件函数本身内调用d3.event.transform时相同的值。
在缩放事件函数外调用d3.event.transform将出错：Uncaught TypeError: Cannot read property 'transform' of null
我必须使用d3.zoomTransform来允许从图形外部的按钮进行平移和缩放。

我找到了一个更简单的解决方案。

selection.node().transform.baseVal[0].matrix

在这个矩阵中，你有坐标e和f，它们等价于x，y。（e === x，f === y）。不需要实现你自己的函数。
baseVal是元素的转换列表。**您不能将其用于没有先前转换的对象！（列表将为空）**或者，如果您对对象进行了多次转换，则最后一个位置将位于baseVal列表的最后一个元素之下。

我有点晚了党，但我有一些代码，这是有益于我，我希望它也能帮助你。
上面@altocumulus编写的代码非常全面，工作起来非常有魅力。但是它并不能完全满足我的需要，因为我是手工计算的，需要尽可能轻松地修改一些变换属性。
这可能不是每个人的解决方案，但对我来说是完美的。

function _getTokenizedTransformAttributeValue(transformStr) {
    var cleanedUpTransformAttrArr = transformStr.split(')', ).slice(0,-1);

    return cleanedUpTransformAttrArr.reduce(function(retObj, item) { 
        var transformPair = item.split('(');

        retObj[transformPair[0]] = transformPair[1].split(',');

        return retObj;
    }, {});
}

function _getStringFromTokenizedTransformAttributeObj(transformAttributeObj) {
    return Object.keys(transformAttributeObj).reduce(function(finalStr, key) {
        // wrap the transformAttributeObj[key] in array brackets to ensure we have an array
        // join will flatten the array first and then do the join so [[x,y]].join(',') -> "x,y"
        return finalStr += key + "(" + [transformAttributeObj[key]].join(',') + ")"; 
     }, '');
}

第一个函数的真正伟大之处在于，我可以手动更改一个特定的属性（例如，rotation），而不必担心它如何影响translate或其他任何东西（当围绕一个点旋转时），而当我依赖于内置的甚至d3.transform方法时，它们会将所有属性合并为一个值。

为什么这么酷？

想象一个HTML

<g class="tick-label tick-label--is-rotated" transform="translate(542.8228777985075,0) rotate(60, 50.324859619140625, 011.402383210764288)" style="visibility: inherit;"></g>

使用d3.transfrom可以得到：

以对象形式

jr {rotate: 59.99999999999999, translate: [577.8600589984691, -37.88141544673796], scale: [1, 1], skew: 0, toString: function}

字符串形式

"translate(577.8600589984691,-37.88141544673796)rotate(59.99999999999999)skewX(0)scale(1,1)"

这在数学上是正确的，但对我来说很难简单地去除旋转的Angular ，* 和 * 平移，必须引入旋转的Angular ，围绕给定点旋转这个元素。

使用我的_getTokenizedTransformAttributeValue函数

以对象形式

{translate: ["542.8228777985075", "0"],  rotate: ["60", " 50.324859619140625", " 011.402383210764288"]}

以字符串形式 * 使用函数_getStringFromTokenizedTransformAttributeObj *

"translate(542.8228777985075,0)rotate(60, 50.324859619140625, 011.402383210764288)"

这是完美的，因为现在当你删除旋转，你的元素可以回到它原来的地方
当然，代码可以更简洁，函数名也可以更简洁，但我真的很想把它拿出来，这样其他人就可以从中受益。

我找到了一种方法，通过使用以下代码可以实现类似效果：

d3.select(this).node().getBBox();

这将给予您可以访问x/y位置和宽度/高度。您可以在此处看到一个示例：https://bl.ocks.org/mbostock/1160929