3d.js - 如何将文本环绕为圆圈

时间:2015-05-18 15:14:13

标签: svg d3.js

我想制作一个圆圈(附图像)并使用背景图像作为我的图形。但是圈子周围的文字应该是动态的。那么如何用简单的方法将文本包裹在文本周围呢。

这就是我要找的东西:

Project name goes like this

任何人帮助我?

代码:

var title = "Project names maximum" 
var diameter = 150;

    var svg = d3.select("body").append("svg")
      .attr("width", diameter + 50)
      .attr("height", diameter + 50)
      .append("g")
      .attr("transform", "translate(25,25)");

    svg.append("circle")
      .attr("transform", "translate(" + diameter / 2 + "," + diameter / 2 + ")")
      .attr("r", diameter / 2);

     svg.selectAll('text') //how to proceed here?
      .data(requiredDegrees)
      .enter()
      .append('text')
      .text(title);

Here is my Try - jsfiddle

0 个答案:

没有答案