Iphone D3.js管理Webkit translate3d：这可能吗？

有人知道如何在d3.js中使用CSS3 Webkit translate3d而不是普通的左css吗。在iphonetranslate3d上运行得更快，我需要在发布HTML元素后进行转换

下面是我左边css的代码：

d3.select("#myHTMLElem").transition()
    .style("left", myNewPosX) + "px")
    .duration(500)
    .ease("cubic-in-out")
    .each("end", function(d) {
        // Do something after
});

JQuery中有一些东西，但我更愿意继续在这个项目中使用d3.js。 知道如何使用translate3d而不是left属性生成前面的代码吗

谢谢

我就是这样做的。 对于平滑/功能性转换，请确保在对元素执行转换之前将默认值应用于“样式”属性

默认样式（转换前）：

var svg = d3.select("div#wrapper").append("svg").append("g").attr("id", "usg").attr("style", function () {
    return "-webkit-transform: perspective(800) scale(1) scale3d(1, 1, 1) rotate3d(1, 0, 0, 0deg) translate3d(0, 0, 0);";
});

d3.select("#usg").transition().duration(2000).attr("style", function () {
    return "-webkit-transform: perspective(800) scale(1) scale3d(1, 1, 2) rotate3d(1, 0, 0, 55deg) translate3d(0px, 198px, 0px);";
});

转换样式（转换默认值）：

var svg = d3.select("div#wrapper").append("svg").append("g").attr("id", "usg").attr("style", function () {
    return "-webkit-transform: perspective(800) scale(1) scale3d(1, 1, 1) rotate3d(1, 0, 0, 0deg) translate3d(0, 0, 0);";
});

d3.select("#usg").transition().duration(2000).attr("style", function () {
    return "-webkit-transform: perspective(800) scale(1) scale3d(1, 1, 2) rotate3d(1, 0, 0, 55deg) translate3d(0px, 198px, 0px);";
});