SVG:将类应用于组中的文本?

时间:2015-10-02 00:11:43

标签: svg

如何使用组将类应用于SVG文本元素?

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" 
 font-family="arial" font-size="12pt" width="600">
  
<style>
  text.ginormous  { font-size:48pt }
</style>

<g style="class:ginormous"> 
  <text x="50" y="50" >no dice</text>
</g>
  
<text class="ginormous" x="50" y="120" >this works</text>


</svg>

1 个答案:

答案 0 :(得分:0)

SVG中的CSS与HTML中的规则相同,因此请更改为

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" 
 font-family="arial" font-size="12pt" width="600">

<style>
  text.ginormous,
  .ginormous text  { 
    font-size:48pt 
  }
</style>

<g class="ginormous"> 
  <text x="50" y="50" >no dice</text>
</g>

<text class="ginormous" x="50" y="120" >this works</text>


</svg>