SVG systemLanguage属性用法及代码示例

systemLanguage属性表示许多受支持的语言标记的列表。

使用此属性的元素包括：
<a>，<altGlyph>，<animate>，<animateColor>，<animateMotion>，<animateTransform>，<audio>，<canvas>，<circle>，<clipPath>，<cursor>，<defs>，<discard >，<椭圆>，<foreignObject>，<g>，<iframe>，<图像>，<行>，<蒙版>，<路径>，<模式>，<多边形>，<多边形>，<矩形>， <set>，<svg>，<switch>，<text>，<textPath>，<tref>，<tspan>，<未知>，<use>和<video>。

用法:

systemLanguage = "language-tags"

属性值：systemLanguage属性接受上述和以下描述的值

language-tags:此属性值包括以下标签：ar，de，nl，en-us，en-gb，en-au，en，es，fr，ja，ru等。

以下示例说明了systemLanguage属性的用法。

范例1：

<!DOCTYPE html> 
<html> 
  
<body> 
  
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1> 
  
    <svg viewBox="0 -20 300 350"> 
        <switch> 
            <text systemLanguage="ar">مرحبا</text> 
            <text systemLanguage="de, nl">Hallo!</text> 
            <text systemLanguage="en-us">Howdy!</text> 
            <text systemLanguage="en-gb">Wotcha!</text> 
            <text systemLanguage="en-au">G'day!</text> 
            <text systemLanguage="en">Hello!</text> 
            <text systemLanguage="es">Hola!</text> 
            <text>Sorry no language matched!</text> 
        </switch> 
    </svg> 
</body> 
  
</html>

输出：

范例2：

<!DOCTYPE html> 
<html> 
  
<body> 
  
    <h1 style="color:green; text-align:center;"> 
        GeeksforGeeks 
    </h1> 
  
    <svg viewBox="-30 -20 300 350"> 
        <switch> 
            <text systemLanguage="ar">مرحبا</text> 
            <text systemLanguage="de, nl">Hallo!</text> 
            <text systemLanguage="es">Hola!</text> 
            <text>Sorry no language matched!</text> 
        </switch> 
    </svg> 
</body> 
  
</html>

输出：

相关用法

注：本文由纯净天空筛选整理自thacker_shahid大神的英文原创作品 SVG systemLanguage Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。