SVG <switch>元素是用來(lái)做什么的呢?<switch>元素也是用來(lái)繪制文字的，那么它和<text>元素有何不同呢?switch在很多編程語(yǔ)言中都有這個(gè)關(guān)鍵字，它是分支的意思，在SVG中，可以使用<switch>元素來(lái)匹配不同的語(yǔ)言，在不同的瀏覽器語(yǔ)言環(huán)境中顯示不同的SVG文字。
<switch>典型的用法是用于顯示不同的文字，但是你不可以用它來(lái)顯示不同的圖形。看下面的簡(jiǎn)單例子：
- <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>
如果你的瀏覽器是中文環(huán)境的，那么上面的代碼會(huì)顯示“中文”兩個(gè)字，如果是英文環(huán)境的，就會(huì)看到“English”。看看下面的返回結(jié)果，你看到了什么：
這個(gè)屬性的瀏覽器兼容性如下：
- 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 不支持
本文版權(quán)屬于jQuery之家，轉(zhuǎn)載請(qǐng)注明出處：http://www.htmleaf.com/ziliaoku/ ... g/201506112011.html
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外，其他素材未做測(cè)試，不保證完整性，網(wǎng)站上部分源碼僅限學(xué)習(xí)交流，請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ：2655101040 給予處理，謝謝支持。