D3.js 在d3中旋转弯曲的文本路径
我已经创建了一些弯曲的文本路径,但不知道如何旋转像“石头磨坊法院”,“马林驱动器”这样的倒置文本 我有以下代码:D3.js 在d3中旋转弯曲的文本路径,d3.js,svg,D3.js,Svg,我已经创建了一些弯曲的文本路径,但不知道如何旋转像“石头磨坊法院”,“马林驱动器”这样的倒置文本 我有以下代码: var svg=d3.select(“body”).append(“svg”) .attr(“宽度”,w) .attr(“高度”,h) .attr(“视图框”,“0 0”+w+”+h); svg.selectAll(“路径”) .数据(特征) .输入() .append(“路径”) .attr('id',函数(d,i){return'曲线-'+i;}) .attr(“d”,路径)
var svg=d3.select(“body”).append(“svg”)
.attr(“宽度”,w)
.attr(“高度”,h)
.attr(“视图框”,“0 0”+w+”+h);
svg.selectAll(“路径”)
.数据(特征)
.输入()
.append(“路径”)
.attr('id',函数(d,i){return'曲线-'+i;})
.attr(“d”,路径)
.attr(“填充”,“无”)
.attr('笔划','蓝色')
.attr(“笔划宽度”,1);
svg.selectAll(“文本”)
.数据(特征)
.输入()
.append(“文本”)
.attr(“id”,函数(d,i){return'曲线文本-'+i;})
//这里需要做一些事情来旋转文本。
.append(“textPath”)
.attr(“xlink:href”,函数(d,i){return'#curve-'+i;})
.文本(功能(d){
返回d.标签
});代码>