<div align="center"><img id="_aimg_29019" aid="29019" zoomfile="data/attachment/forum/201507/31/105014h66yyd6y69yp185n.jpg" src="data/attachment/forum/201507/31/105014h66yyd6y69yp185n.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" style="max-width:90%" alt="1.jpg" title="1.jpg" w="640"></div> <br><font size="3"> SVG <switch>元素是用来做什么的呢?</switch></font><font size="3"><switch></switch></font><font size="3">元素也是用来绘制文字的,那么它和<text></text></font>元素有何不同呢?switch在很多编程语言中都有这个关键字,它是分支的意思,在SVG中,可以使用<font size="3"><switch></switch></font><font size="3">元素来匹配不同的语言,在不同的浏览器语言环境中显示不同的SVG文字。</font><br><br><font size="3"> </font><font size="3"><switch></switch></font><font size="3">典型的用法是用于显示不同的文字,但是你不可以用它来显示不同的图形。看下面的简单例子:</font><br> <div class="blockcode"> <div id="code_kKn"> <ol> <li> <svg xmlns="http://www.w3.org/2000/svg"><br> <li> <switch><br> <li> <g systemlanguage="en-UK"><br> <li> <text x="10" y="20">UK English</text><br> </li> <li> </li></g><br> </li> <li> <g systemlanguage="en"><br> <li> <text x="10" y="20">English</text><br> </li> <li> </li></g><br> </li> <li> <g systemlanguage="es"><br> <li> <text x="10" y="20">Spanish</text><br> </li> <li> </li></g><br> </li> <li> <g systemlanguage="zh"><br> <li> <text x="10" y="20">中文</text><br> </li> <li> </li></g><br> </li> <li> </li></switch> <br> </li> <li></svg> </li> </ol> </div> <em onclick="copycode($('code_kKn'));">复制代码</em> </div> <br><font size="3"> 如果你的浏览器是中文环境的,那么上面的代码会显示“中文”两个字,如果是英文环境的,就会看到“English”。看看下面的返回结果,你看到了什么:</font><br><img id="_aimg_29020" aid="29020" zoomfile="data/attachment/forum/201507/31/105134rltspppcpwqlrg8p.jpg" src="data/attachment/forum/201507/31/105134rltspppcpwqlrg8p.jpg" class="zoom" onclick="zoom(this, this.src, 0, 0, 0)" style="max-width:90%" alt="2.jpg" title="2.jpg" w="226"><br><font size="3"> 这个属性的浏览器兼容性如下:</font><br> <ul> <li> <font size="3"> Chrome 1.0+</font> </li> <li> <font size="3"> Firefox (Gecko) 1.8+</font> </li> <li> <font size="3"> Internet Explorer 9.0+</font> </li> <li> <font size="3"> Opera 8.0+</font> </li> <li> <font size="3"> Safari 3.0.4+</font> </li> <li> <font size="3"> Android 3.0+</font> </li> <li> <font size="3"> Firefox Mobile (Gecko) 1.8+</font> </li> <li> <font size="3"> Safari Mobile 3.0.4+</font> </li> <li> <font size="3"> IE Mobile 不支持</font><br> </li> </ul> <br><font size="3"> </font><font size="2"><font color="#808080"> 本文版权属于jQuery之家,转载请注明出处:<a href="http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201506112011.html" target="_blank">http://www.htmleaf.com/ziliaoku/ ... g/201506112011.html</a></font></font><br><br>