如何使用组将类应用于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>
答案 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>