SVG <switch>元素是用来做什么的呢？<switch>元素也是用来绘制文字的，那么它和<text>元素有何不同呢？switch在很多编程语言中都有这个关键字，它是分支的意思，在SVG中，可以使用<switch>元素来匹配不同的语言，在不同的浏览器语言环境中显示不同的SVG文字。
<switch>典型的用法是用于显示不同的文字，但是你不可以用它来显示不同的图形。看下面的简单例子：
<svg xmlns="http://www.w3.org/2000/svg">
<switch>
<g systemLanguage="en-UK">
<text x="10" y="20">UK English</text>
</g>
<g systemLanguage="en">
<text x="10" y="20">English</text>
</g>
<g systemLanguage="es">
<text x="10" y="20">Spanish</text>
</g>
<g systemLanguage="zh">
<text x="10" y="20">中文</text>
</g>
</switch>
</svg>
如果你的浏览器是中文环境的，那么上面的代码会显示“中文”两个字，如果是英文环境的，就会看到“English”。看看下面的返回结果，你看到了什么：
这个属性的浏览器兼容性如下：
- Chrome 1.0+
- Firefox (Gecko) 1.8+
- Internet Explorer 9.0+
- Opera 8.0+
- Safari 3.0.4+
- Android 3.0+
- Firefox Mobile (Gecko) 1.8+
- Safari Mobile 3.0.4+
- IE Mobile 不支持
返回SVG教程目录
相关阅读：
