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 不支持
本文版權屬于jQuery之家，轉載請注明出處：http://www.htmleaf.com/ziliaoku/ ... g/201506112011.html
【網站聲明】本站除付費源碼經過測試外，其他素材未做測試，不保證完整性，網站上部分源碼僅限學習交流，請勿用于商業用途。如損害你的權益請聯系客服QQ：2655101040 給予處理，謝謝支持。