D3.JS: 在SVG中使用d3创建HTML标签

原链接

https://www.safaribooksonline.com/blog/2014/03/20/create-html-labels-svg-using-d3/

为什么想用HTML标签

d3对于文本的处理虽然有很多属性但是绝大部分事需要manually(手动)设置的。如果可以在svg中使用HTML标签那多好。

foreignObject

专有属性

x
y
width
height

Demo

http://jsfiddle.net/thudfactor/QPg7h/
http://jsfiddle.net/thudfactor/bK6VD/

不足

只支持矩形。文本断句需自行设置,不然回溢出元素。

你可能感兴趣的:(D3)