Javascript 如何旋转外来物体

我正试图旋转D3中的一个外来物体。这是我的密码：

svg
    .append("foreignObject")
    .attr('x', 0)
    .attr("width", 200)
    .attr("height", 50)
    .append("xhtml:body")
    .html("<p>rotate</p>")
    .style('-webkit-transform', 'rotate(90)');

svg
.append（“外来对象”）
.attr（'x'，0）
.attr（“宽度”，200）
.attr（“高度”，50）
.append（“xhtml:body”）
.html（“旋转
”）
.style（'-webkit transform'，rotate（90）'）；

它必须

旋转（90度）

：

var svg=d3.选择（“svg”）；
svg.append（“foreignObject”）
.attr（'x'，20）
.attr（'y'，20）
.attr（“宽度”，50）
.attr（“高度”，50）
.append（“xhtml:div”）
.html（“旋转
”）
.样式（“-webkit变换”、“旋转（90度）”