Html 在Microsoft Edge中使用svg标记tref_Html_Svg

Html 在Microsoft Edge中使用svg标记tref

html svg

Html 在Microsoft Edge中使用svg标记tref,html,svg,Html,Svg,我尝试了一个使用W3C svg规范1.1中的svg标记tref的示例，方法如下 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> </head> <body> <svg width="10cm" height=

我尝试了一个使用W3C svg规范1.1中的

svg

标记

tref

的示例，方法如下

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
<svg width="10cm" height="3cm" viewBox="0 0 1000 300" 
    version="1.1" 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:xlink="http://www.w3.org/1999/xlink">

    <defs> 
        <text id="ReferencedText"> 
            Referenced character data 
        </text> 
    </defs>

    <desc>Example tref01 - inline vs reference text content</desc>

    <text x="100" y="100" font-size="45" fill="blue"> 
        Inline character data 
    </text>

    <text x="100" y="200" font-size="45" fill="red"> 
        <tref xlink:href="#ReferencedText" /> 
    </text>

    <!-- Show outline of canvas using 'rect' element -->
    <rect x="1" y="1" width="998" height="298" 
          fill="none" stroke="blue" stroke-width="2" />

</svg>
</body>
</html>


引用字符数据
示例tref01-内联与参考文本内容
内联字符数据

与微软的边缘。但是，未输出引用的文本。MS Edge是否支持此标记？

已被弃用，大多数浏览器不支持此标记

已被弃用，大多数浏览器不支持它