css – 为什么svg:text不显示?

前端之家收集整理的这篇文章主要介绍了css – 为什么svg:text不显示?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我必须遗漏一些明显的东西,但我无法得到< text>现身.有关 HTML CSS,请参阅 http://jsfiddle.net/ydaLh/
<svg style="width: 320px; height: 200px; top: 0px; left: 0px; position: relative;">
    <g class="depth">
        <g class="children">
            <rect class="child" x="99" y="0" width="47" height="30">
                <text dy=".75em" x="105" y="6">PRIMARY</text>
            </rect>
            <rect class="child" x="90" y="0" width="8" height="30">
                <text dy=".75em" x="96" y="6">MASTER</text>
            </rect>
            <rect class="parent" x="90" y="0" width="56" height="30"></rect>
        </g>
    </g>
</svg>

基于http://bost.ocks.org/mike/treemap/

解决方法

在SVG中,您不将文本元素嵌套在图形元素中,您必须具有类似于:
svg
  .append("rect")
  .append("text");

但你实际上需要:

svg.append("rect"); 
svg.append("text");

猜你在找的CSS相关文章