如何旋轉異物

Question

我想在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)'); 

Answer 1

它必須是rotate(90deg)：

var svg = d3.select("svg"); 
 

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

<script src="https://d3js.org/d3.v4.min.js"></script> 
 
<svg></svg>