2015-07-13 94 views

回答

2

svgtext節點,你將不得不使用fill代替color

.node text { 
 
    font: 12px sans-serif; 
 
    fill: red; 
 
}
<svg width="960" height="500"> 
 
    <g transform="translate(100,20)"> 
 
    <g class="node" transform="translate(0,10)"> 
 
     <text x="-13" dy=".35em" text-anchor="end" style="fill-opacity: 1;">Product</text> 
 
    </g> 
 
    </g> 
 
</svg>

Fiddle

+0

太棒了!我不知道這一點。背景顏色相當於什麼? – SaturnsEye

+0

恐怕沒有這些元素的CSS背景屬性。此問題有一些替代方法:http://stackoverflow.com/questions/15500894/background-color-of-text-in-svg – Cerbrus